<.dm_pagination
  id="pagination-single-default"
  total={100}
  page_size={15}
  page_num={5}
  update_event={nil}
/>

<.dm_pagination
  id="pagination-single-page-url"
  total={1000}
  page_size={15}
  page_num={35}
  page_url="/blogs/{page}"
/>

<.dm_pagination
  id="pagination-single-first-page"
  total={1000}
  page_size={15}
  page_num={1}
  page_url="/blogs/{page}"
/>

<.dm_pagination
  id="pagination-single-last-page"
  total={1000}
  page_size={15}
  page_num={67}
  page_url="/blogs/{page}"
/>

<.dm_pagination
  id="pagination-single-page-with-slot"
  total={1000}
  page_size={15}
  page_num={67}
  page_url="/blogs/{page}"
>
  <form class="w-12 join" action="/blogs/67" method="get">
    <input class="join-item input input-sm" type="number" value={67} placeholder="input page number" />
    <button class="join-item btn btn-sm btn-outline btn-accent"><PhoenixDuskmoon.Component.Icons.dm_mdi name="arrow-right-top" class="w-4 h-4" /></button>
  </form>
</.dm_pagination>