ksylvest/tights

import { clsx } from "clsx";
import type { ComponentProps, FC } from "react";

import type { Size } from "./types/size";

type Props = {
  rounded?: boolean;
  size?: Size;
};

export const Pagination: FC<
  Omit<ComponentProps<"nav">, keyof Props> & Props
> = ({ rounded, size, className, ...props }) => (
  <nav
    {...props}
    className={clsx(
      "pagination",
      rounded && "is-rounded",
      size && `is-${size}`,
      className,
    )}
    role="navigation"
  />
);