xtreme-ui/dist/storybook/assets/SiderModal-BaTfnYq0.js

Collection of reusable components that can be used in web projects

import{r as y,u as f,j as e,$ as x}from"./iframe-5Rr_RUeM.js";import{c as a}from"./clsx-B-dksMZM.js";import{B as s}from"./Button-DvCW9M4Z.js";const r=y.forwardRef((t,i)=>{const{className:d,children:c,title:p,icon:o,primaryButtonProps:l={},secondaryButtonProps:n={}}=t,{setSiderMode:m}=f(),u=a("xtrSiderModal",d);return e.jsxs("div",{ref:i,className:u,role:"dialog",children:[e.jsxs("div",{className:"header",children:[e.jsx(s,{className:"back",icon:"f053",onClick:()=>m("closed")}),o&&e.jsx(x,{className:"xIcon",code:o,set:"duotone"}),e.jsx("p",{className:"title",children:p})]}),e.jsx("div",{className:"body",children:c}),e.jsxs("div",{className:"footer",children:[e.jsx(s,{type:"primary",...l,className:a("primaryButton",l?.className)}),e.jsx(s,{type:"secondary",...n,className:a("secondaryButton",n?.className)})]})]})});r.displayName="SiderModal";try{r.displayName="SiderModal",r.__docgenInfo={description:"",displayName:"SiderModal",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"string"}},primaryButtonProps:{defaultValue:null,description:"",name:"primaryButtonProps",required:!1,type:{name:"TButtonProps"}},secondaryButtonProps:{defaultValue:null,description:"",name:"secondaryButtonProps",required:!1,type:{name:"TButtonProps"}}}}}catch{}export{r as S};