surface_bulma

defmodule SurfaceBulma.Catalogue.Table.Example01 do
  use Surface.Catalogue.Example,
    subject: SurfaceBulma.Table,
    catalogue: SurfaceBulma.Catalogue,
    title: "Sortable prop columns",
    height: "300px"

  alias SurfaceBulma.Table
  alias SurfaceBulma.Table.Column

  data props, :map,
    default: %{
      data: [
        %{id: 1, name: "John"},
        %{id: 2, name: "Jane"},
        %{id: 3, name: "Albert"},
        %{id: 4, name: "Diana"},
        %{id: 5, name: "Elizabeth"}
      ]
    }

  def render(assigns) do
    ~F"""
    <Table id="foo" data={ person <- @props.data } :props={ @props }>
      <Column label="Id" sort_by="id">
        { person.id }
      </Column>
      <Column label="Name" sort_by="name">
        { person.name }
      </Column>
    </Table>
    """
  end
end