component DataTable {
  props {
    @event sort = function
    @event select = function
    @event change = function
    @event rowClick = function
    @event pageChange = function
    size = "default"
    color = "primary"
    caption = "Data Table"
    columns = []
    rows = []
    striped = true
    class = ""
  }
  view {
    <div class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--table {class}"><table><caption>{caption}</caption><thead><tr>{#each columns as column}<th>{column.label}</th>{/each}</tr></thead><tbody>{#each rows as row}<tr>{#each columns as column}<td>{row[column.key]}</td>{/each}</tr>{/each}</tbody></table><slot /></div>
  }
}