PaginationNav

---
import Link from '../0_atoms/Link.astro'

interface Props {
  totalPages: number
  prevHref: string | null
  nextHref: string | null
}

const { totalPages, prevHref, nextHref } = Astro.props
---

{
  totalPages > 1 ? (
    <nav
      class="meta mt-8 flex w-full select-none flex-wrap items-center gap-4 pt-6 text-sm text-ink-muted"
      aria-label="Pagination"
    >
      <div class="flex min-w-0 flex-1 justify-start">
        {prevHref ? (
          <Link href={prevHref} variant="muted" rel="prev">
            ← Previous
          </Link>
        ) : null}
      </div>
      <div class="flex min-w-0 flex-1 justify-end">
        {nextHref ? (
          <Link href={nextHref} variant="muted" rel="next">
            Next →
          </Link>
        ) : null}
      </div>
    </nav>
  ) : null
}