xtreme-ui
Version:
Collection of reusable components that can be used in web projects
2 lines (1 loc) • 1.1 kB
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),a=require("clsx"),c=require("../../base/Button/Button.cjs"),j=require("../../base/Icon/Icon.cjs"),y=require("../../context/useContext.cjs");;/* empty css */const r=N.forwardRef((i,l)=>{const{className:d,children:n,title:u,icon:o,primaryButtonProps:s={},secondaryButtonProps:t={}}=i,{setSiderMode:m}=y.useXData(),x=a("xtrSiderModal",d);return e.jsxs("div",{ref:l,className:x,role:"dialog",children:[e.jsxs("div",{className:"header",children:[e.jsx(c.Button,{className:"back",icon:"f053",onClick:()=>m("closed")}),o&&e.jsx(j.Icon,{code:o,type:"duotone"}),e.jsx("p",{className:"title",children:u})]}),e.jsx("div",{className:"body",children:n}),e.jsxs("div",{className:"footer",children:[e.jsx(c.Button,{type:"primary",...s,className:a("primaryButton",s==null?void 0:s.className)}),e.jsx(c.Button,{type:"secondary",...t,className:a("secondaryButton",t==null?void 0:t.className)})]})]})});r.displayName="SiderModal";exports.SiderModal=r;