{% stories table with { title: 'Components/Datasets/Table' } %}

{% story default with {
  name: 'Default Table',
  args: {
    caption: 'Sample Table',
    header: [
      { content: '<th>ID</th>' },
      { content: '<th>Name</th>' },
      { content: '<th>Actions</th>' }
    ],
    rows: [
      { cells: [
          { content: '<td>1</td>' },
          { content: '<td>Item 1</td>' },
          { content: '<td><a href="/">View</a></td>' }
      ]},
      { cells: [
          { content: '<td>2</td>' },
          { content: '<td>Item 2</td>' },
          { content: '<td><a href="/">View</a></td>' }
      ]}
    ],
    footer: [],
    empty: 'No records found.',
    header_columns: 3
  }
} %}


 {% embed 'tailpine:table' with {
    caption: caption,
    header: header,
    rows: rows,
    cells: cells,
    footer: footer,
    empty: empty,
    header_columns: header_columns

   } %}
  {% endembed %}

{% endstory %}

{% endstories %}