import { j as e } from "../../node_modules/react/jsx-runtime.js";
import { cn as o } from "../../utils/index.js";
import { Button as i } from "../Button/index.js";
function x({ className: t, ...n }) {
  return /* @__PURE__ */ e.jsx(
    "div",
    {
      className: o("flex flex-row gap-0.5 items-center", t),
      ...n
    }
  );
}
function s({
  className: t,
  active: n,
  ...r
}) {
  return /* @__PURE__ */ e.jsx(
    i,
    {
      variant: "ghost",
      size: "sm",
      className: o(
        "text-content-secondary px-2.5 py-1 min-w-7",
        n && "text-content-inverse-strong hover:text-content-secondary bg-interaction-support-selected rounded-md min-w-[30px]",
        t
      ),
      ...r
    }
  );
}
function p({
  className: t,
  ...n
}) {
  return /* @__PURE__ */ e.jsx(s, { className: o("w-6 h-6", t), ...n });
}
export {
  x as Pagination,
  p as PaginationIconItem,
  s as PaginationItem
};
