/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { ChevronsLeft, ChevronsRight } from "../../icons/index.js";
import { Button } from "../Button/Button2.js";
import { Text } from "../Text/Text.js";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/core/Pagination/Pagination.tsx
var Pagination = ({ onPreviousPageClick, onNextPageClick, currentPage, totalPages }) => {
	return /* @__PURE__ */ jsxs("div", {
		className: "flex justify-center items-center py-5",
		children: [
			/* @__PURE__ */ jsx(Button, {
				"aria-label": "Previous Page",
				onClick: onPreviousPageClick,
				disabled: currentPage <= 1,
				children: /* @__PURE__ */ jsx(ChevronsLeft, {})
			}),
			/* @__PURE__ */ jsxs(Text, { children: [
				"Page ",
				/* @__PURE__ */ jsx(Text, {
					as: "span",
					children: currentPage
				}),
				" of ",
				/* @__PURE__ */ jsx(Text, {
					as: "span",
					children: totalPages
				})
			] }),
			/* @__PURE__ */ jsx(Button, {
				"aria-label": "Next Page",
				onClick: onNextPageClick,
				disabled: currentPage >= totalPages,
				children: /* @__PURE__ */ jsx(ChevronsRight, {})
			})
		]
	});
};
//#endregion
export { Pagination };

//# sourceMappingURL=Pagination.js.map