{% stories pager with { title: 'Components/Navigation/Pager' } %}

{% story default with {
    name: '1. Default',
    args: {
      heading_id: 'pagination-heading',
      pagination_heading_level: 'h2',
      current: 2,
      items: {
        first: { href: '#', text: '« First' },
        previous: { href: '#', text: '‹ Previous' },
        pages: {
          1: { href: '#', attributes: {}, text: '1' },
          2: { href: '#', attributes: {}, text: '2' },
          3: { href: '#', attributes: {}, text: '3' }
        },
        next: { href: '#', text: 'Next ›' },
        last: { href: '#', text: 'Last »' }
      },
      ellipses: {
        previous: true,
        next: true
      }
    }
  } %}

  {% embed 'tailpine:pager' with {
      heading_id: heading_id,
      pagination_heading_level: pagination_heading_level,
      current: current,
      items: items,
      ellipses: ellipses
    } %}{% endembed %}

{% endstory %}

{% endstories %}
