{% stories viewminipager with { title: 'Components/Views/View Mini Pager' } %}

{% story default with {
  name: 'Default Pager',
  args: {
    heading_id: 'pagination-heading',
    pagination_heading_level: 'h2',
    items: {
      previous: {
        href: '#',
        text: '<<',
        attributes: {}
      },
      current: 2,
      next: {
        href: '#',
        text: '>>',
        attributes: {}
      }
    }
  }
} %}
{% embed 'tailpine:viewminipager' with { heading_id: heading_id, pagination_heading_level: pagination_heading_level, items: items } %}{% endembed %}
{% endstory %}

{% story no_previous with {
  name: 'No Previous Page',
  args: {
    heading_id: 'pagination-heading',
    pagination_heading_level: 'h2',
    items: {
      current: 1,
      next: {
        href: '#',
        text: '››',
        attributes: {}
      }
    }
  }
} %}
{% embed 'tailpine:viewminipager' with { heading_id: heading_id, pagination_heading_level: pagination_heading_level, items: items } %}{% endembed %}
{% endstory %}

{% story no_next with {
  name: 'No Next Page',
  args: {
    heading_id: 'pagination-heading',
    pagination_heading_level: 'h2',
    items: {
      previous: {
        href: '#',
        text: '‹‹',
        attributes: {}
      },
      current: 3
    }
  }
} %}
{% embed 'tailpine:viewminipager' with { heading_id: heading_id, pagination_heading_level: pagination_heading_level, items: items } %}{% endembed %}
{% endstory %}

{% endstories %}
