koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
3 lines (2 loc) • 795 B
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),N=require("classnames"),m=require("../../internal/hooks/useIsOverflow.cjs"),p=require("../../internal/hooks/useInternalRef.cjs"),l=require("./Navigation.module.css.cjs"),q=require("./NavBrand.cjs"),o=e.forwardRef(({children:r,className:c,name:n="Koval App",sticky:i,...u},d)=>{const s=p.useInternalRef(d),{overflowX:a}=m.useIsOverflow(s),v=e.useMemo(()=>e.Children.toArray(r).map(f=>e.cloneElement(f,{collapsed:a})),[r,a]);return t.jsxs("div",{...u,className:N(l.default.navPanel,{[l.default.sticky]:i},c),ref:s,children:[n&&t.jsx(q.NavBrand,{children:n}),v]})});o.displayName="NavPanel";exports.NavPanel=o;
//# sourceMappingURL=NavPanel.cjs.map