@payfit/unity-components
Version:
31 lines (30 loc) • 1.38 kB
JavaScript
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 { MenuItem as i } from "react-aria-components/Menu";
//#region src/components/menu/parts/RawMenuItem.tsx
var a = t({ base: [
"uy:cursor-pointer uy:group",
"uy:flex uy:p-100 uy:items-start uy:gap-100 uy:rounded-25 uy:typography-body uy:text-content-neutral",
"uy:not-aria-disabled:data-[hovered=true]:bg-surface-neutral-hover",
"uy:not-aria-disabled:data-[pressed=true]:bg-surface-neutral-pressed",
"uy:active:bg-surface-neutral-active",
"uy:data-[focused=true]:not-data-[focus-visible=true]:outline-0 uy:data-[focus-visible=true]:outline-2 uy:data-[focus-visible=true]:outline-offset-2 uy:data-[focus-visible=true]:outline-utility-focus-ring",
"uy:aria-disabled:text-content-neutral-disabled uy:aria-disabled:cursor-not-allowed"
] }), o = e(function({ prefix: e, children: t, href: o, onAction: s, className: c, isDisabled: l, ...u }, d) {
return /* @__PURE__ */ r(i, {
ref: d,
href: o,
isDisabled: l,
onAction: s,
className: a({ className: c }),
...u,
children: [/* @__PURE__ */ n("div", {
className: "uy:text-content-neutral-low uy:group-aria-disabled:text-content-neutral-disabled",
children: e || null
}), t]
});
});
o.displayName = "RawMenuItem";
//#endregion
export { o as RawMenuItem };