xtreme-ui
Version:
Collection of reusable components that can be used in web projects
2 lines (1 loc) • 1 kB
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),g=require("clsx"),j=require("../../context/useContext.cjs");;/* empty css */const o=t.forwardRef((a,u)=>{var c,l;const{className:h,children:S,leftSider:s,showMiniLeftSider:f=!0,rightSider:n,showMiniRightSider:m=!1}=a,{siderMode:d}=j.useXData(),e=t.useRef(null),i=t.useRef(null),x=g("xtrSider",d==="left"&&s&&"leftOpen",f&&"miniLeftSider",d==="right"&&n&&"rightOpen",m&&"miniRightSider",h);return r.jsxs("main",{ref:u,className:x,style:{"--leftSiderWidth":`${(c=e==null?void 0:e.current)==null?void 0:c.clientWidth}px`,"--rightSiderWidth":`${(l=i==null?void 0:i.current)==null?void 0:l.clientWidth}px`},role:"region",children:[r.jsx("div",{ref:e,className:"leftSiderContainer",children:s}),r.jsx("div",{ref:i,className:"rightSiderContainer",children:n}),r.jsx("div",{className:"content",children:S})]})});o.displayName="Sider";exports.Sider=o;