@payfit/unity-components
Version:
22 lines (21 loc) • 1.06 kB
JavaScript
import { useBreakpointListener as e } from "../../hooks/use-breakpoint-listener.js";
import { TaskMenuProvider as t } from "./TaskMenu.context.js";
import { Content as n } from "./parts/Content.js";
import { Header as r } from "./parts/Header.js";
import { forwardRef as i } from "react";
import { uyTv as a } from "@payfit/unity-themes";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
//#region src/components/task-menu/TaskMenu.tsx
var c = a({ slots: { base: ["uy:relative uy:flex uy:flex-col uy:shadow-raising uy:bg-surface-neutral", "uy:md:border uy:md:border-solid uy:md:border-border-neutral uy:md:rounded-300 uy:md:p-300"] } }), l = i(({ children: i, label: a, ...l }, u) => {
let { base: d } = c(), f = e(), p = f === "xs" || f === "sm";
return /* @__PURE__ */ o("nav", {
...l,
className: d(),
ref: u,
"aria-label": a,
children: /* @__PURE__ */ s(t, { children: [p && /* @__PURE__ */ o(r, {}), /* @__PURE__ */ o(n, { children: i })] })
});
});
l.displayName = "TaskMenu";
//#endregion
export { l as TaskMenu, c as taskMenu };