@payfit/unity-components/dist/esm/components/client-side-pagination/parts/PaginationEllipsis.js

import { forwardRef as e } from "react";
import { uyTv as t } from "@payfit/unity-themes";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
import { useIntl as i } from "react-intl";
import { Button as a } from "react-aria-components/Button";
//#region src/components/client-side-pagination/parts/PaginationEllipsis.tsx
var o = t({ base: ["uy:min-w-300 uy:h-300 uy:p-25 uy:flex uy:justify-center uy:items-center uy:typography-action uy:rounded-pill uy:cursor-default", "uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"] }), s = e(({ value: e, ...t }, s) => {
	let c = i(), [l, u] = e;
	return /* @__PURE__ */ r(a, {
		ref: s,
		className: o(),
		...t,
		children: [/* @__PURE__ */ n("span", {
			"aria-hidden": !0,
			children: "…"
		}), /* @__PURE__ */ n("span", {
			className: "uy:sr-only",
			children: c.formatMessage({
				id: "unity:component:pagination:ellipsis:label",
				defaultMessage: "More pages"
			}, {
				start: l,
				end: u
			})
		})]
	});
});
s.displayName = "PaginationEllipsis";
//#endregion
export { s as PaginationEllipsis };