@payfit/unity-components/dist/esm/components/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 { FormattedMessage as i, useIntl as a } from "react-intl";
import { Button as o } from "react-aria-components/Button";
//#region src/components/pagination/parts/PaginationEllipsis.tsx
var s = 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"] }), c = e(({ value: e, ...t }, c) => {
	let l = a(), [u, d] = e, f = d === Infinity ? l.formatMessage({
		id: "unity:component:common:unknown",
		defaultMessage: "unknown"
	}) : d;
	return /* @__PURE__ */ r(o, {
		ref: c,
		className: s(),
		...t,
		children: [/* @__PURE__ */ n("span", {
			"aria-hidden": !0,
			children: "…"
		}), /* @__PURE__ */ n("span", {
			className: "uy:sr-only",
			children: /* @__PURE__ */ n(i, {
				id: "unity:component:pagination:ellipsis:label",
				defaultMessage: "More pages",
				values: {
					start: u,
					end: f
				}
			})
		})]
	});
});
c.displayName = "PaginationEllipsis";
//#endregion
export { c as PaginationEllipsis };