{% stories viewgridresponsive with { title: 'Components/Views/View Grid Responsive' } %}

  {% story default with {
    name: 'Default Grid',
    args: {
      title: 'Sample Responsive Grid',
      items: [
        { content: 'Item 1' },
        { content: 'Item 2' },
        { content: 'Item 3' },
        { content: 'Item 4' }
      ],
      options: {
        alignment: 'horizontal',
        columns: 4,
        cell_min_width: 150,
        grid_gutter: 20
      }
    }
  } %}
    {% embed 'tailpine:viewgridresponsive' with {
      title: title,
      items: items,
      options: options
    } %}
    {% endembed %}
  {% endstory %}

{% endstories %}
