Pagination experimental

<script lang="ts">
  import * as Pagination from '@odbd/svelte/pagination'
</script>

<Pagination.Root
  count={128}
  defaultPage={3}
  defaultPageSize={10}
  siblingCount={1}
  style="max-width: 30rem;"
>
  <Pagination.PrevTrigger aria-label="이전 페이지">
    <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
      <path
        d="M10 4l-4 4 4 4"
        stroke="currentColor"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>
  </Pagination.PrevTrigger>
  <Pagination.Context>
    {#snippet render(api)}
      {#each api().pages as page, index}
        {#if page.type === 'page'}
          <Pagination.Item type="page" value={page.value}>{page.value}</Pagination.Item>
        {:else}
          <Pagination.Ellipsis {index}>…</Pagination.Ellipsis>
        {/if}
      {/each}
    {/snippet}
  </Pagination.Context>
  <Pagination.NextTrigger aria-label="다음 페이지">
    <svg viewBox="0 0 16 16" fill="none" aria-hidden="true">
      <path
        d="M6 4l4 4-4 4"
        stroke="currentColor"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>
  </Pagination.NextTrigger>
</Pagination.Root>