// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
import type { ComponentProps } from "react";
export function Pagination({
  className = "",
  ...props
}: ComponentProps<"nav">) {
  return (
    <nav
      aria-label="Pagination"
      className={`ynr-pagination ${className}`}
      {...props}
    />
  );
}
export function PaginationContent({
  className = "",
  ...props
}: ComponentProps<"ul">) {
  return <ul className={`ynr-pagination-content ${className}`} {...props} />;
}
export function PaginationItem({
  className = "",
  ...props
}: ComponentProps<"li">) {
  return <li className={`ynr-pagination-item ${className}`} {...props} />;
}
export function PaginationLink({
  isActive,
  className = "",
  ...props
}: ComponentProps<"a"> & { isActive?: boolean }) {
  return (
    <a
      {...props}
      aria-current={isActive ? "page" : undefined}
      className={`ynr-pagination-link ${className}`}
    />
  );
}
export function PaginationPrevious(
  props: ComponentProps<typeof PaginationLink>,
) {
  return (
    <PaginationLink aria-label="Previous page" {...props}>
      {props.children ?? "Previous"}
    </PaginationLink>
  );
}
export function PaginationNext(props: ComponentProps<typeof PaginationLink>) {
  return (
    <PaginationLink aria-label="Next page" {...props}>
      {props.children ?? "Next"}
    </PaginationLink>
  );
}