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

  {% story default with {
    name: 'Default View Grid',
    args: {
      title: 'Sample Grid',
      options: {
        alignment: 'horizontal',
        columns: 3,
        row_class_default: true,
        col_class_default: true
      },
      items: [
        {
          attributes: {},
          content: [
            {
              attributes: {},
              content: 'Item 1'
            },
            {
              attributes: {},
              content: 'Item 2'
            },
            {
              attributes: {},
              content: 'Item 3'
            }
          ]
        },
        {
          attributes: {},
          content: [
            {
              attributes: {},
              content: 'Item 4'
            },
            {
              attributes: {},
              content: 'Item 5'
            },
            {
              attributes: {},
              content: 'Item 6'
            }
          ]
        }
      ]
    }
  } %}
    {% embed 'tailpine:viewgrid' with {
      attributes: attributes,
      title: title,
      items: items,
      options: options
    } %}
    {% endembed %}
  {% endstory %}

{% endstories %}
