
{% stories viewtable with { title: 'Components/Views/View Table' } %}

  {% story default with {
    name: 'Default Table',
    args: {
      caption: 'Sample Table Caption',
      header: [
        { content: 'Header 1', default_classes: true },
        { content: 'Header 2', default_classes: true },
        { content: 'Header 3', default_classes: true }
      ],
      rows: [
        {
          attributes: {},
          columns: [
            { content: 'Row 1, Column 1', default_classes: true },
            { content: 'Row 1, Column 2', default_classes: true },
            { content: 'Row 1, Column 3', default_classes: true }
          ]
        },
        {
          attributes: {},
          columns: [
            { content: 'Row 2, Column 1', default_classes: true },
            { content: 'Row 2, Column 2', default_classes: true },
            { content: 'Row 2, Column 3', default_classes: true }
          ]
        }
      ],
      responsive: true,
      sticky: false
    }
  } %}
    {% embed 'tailpine:viewtable' with {
      caption: caption,
      header: header,
      rows: rows,
      responsive: responsive,
      sticky: sticky
    } %}
    {% endembed %}
  {% endstory %}

{% endstories %}


