import { jsx } from "react/jsx-runtime";
import { PaginationNav } from "./PaginationNav.js";
import { PaginationPageSizeSelect } from "./PaginationPageSizeSelect.js";
import { Flex } from "../../atoms/Flex/Flex.js";
import { Spacing } from "../../tokens/Spacing.js";
function Pagination({ children, label = "Pagination", ...rest }) {
  return /* @__PURE__ */ jsx(
    Flex.Row,
    {
      as: "section",
      align: "center",
      justify: "center",
      wrap: true,
      gapX: Spacing["16px"],
      gapY: Spacing["8px"],
      "aria-label": label,
      ...rest,
      children
    }
  );
}
Pagination.Nav = PaginationNav;
Pagination.PageSizeSelect = PaginationPageSizeSelect;
export {
  Pagination
};
