@payfit/unity-components
Version:
37 lines (36 loc) • 1.65 kB
JavaScript
import { forwardRef as e } from "react";
import { uyTv as t } from "@payfit/unity-themes";
import { jsx as n } from "react/jsx-runtime";
import { useIntl as r } from "react-intl";
import { Link as i } from "react-aria-components/Link";
//#region src/components/client-side-pagination/parts/RawPaginationLink.tsx
var a = 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:transition-colors",
"uy:enabled:text-content-neutral-enabled uy:enabled:bg-transparent uy:cursor-pointer",
"uy:data-[disabled]:text-content-neutral-disabled uy:data-[disabled]:bg-surface-neutral-lowest-disabled uy:data-[disabled]:cursor-not-allowed",
"uy:hover:text-content-neutral-hover uy:hover:bg-surface-neutral-lowest-hover",
"uy:active:text-content-neutral-pressed uy:active:bg-surface-neutral-lowest-pressed uy:data-[pressed]:text-content-neutral-pressed uy:data-[pressed]:bg-surface-neutral-lowest-pressed",
"uy:focus-visible:outline-2 uy:focus-visible:outline-solid uy:focus-visible:outline-utility-focus-ring uy:focus-visible:outline-offset-2"
],
variants: { isActive: {
true: "uy:bg-surface-neutral-lowest-selected",
false: ""
} }
}), o = e(({ isActive: e, isDisabled: t, ...o }, s) => {
let c = r();
return /* @__PURE__ */ n(i, {
ref: s,
className: a({ isActive: e }),
isDisabled: t,
"aria-current": e ? "page" : void 0,
"aria-label": c.formatMessage({
id: "unity:component:pagination:link:label",
defaultMessage: "Page {page}"
}, { page: o.value }),
...o
});
});
o.displayName = "RawPaginationLink";
//#endregion
export { o as RawPaginationLink };