UNPKG

dgz-ui-shared

Version:

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library

3 lines (2 loc) 967 B
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),x=require("dgz-ui/dialog"),m=require("dgz-ui/utils"),d=({header:t,footer:e,trigger:o,children:n,size:l="lg",className:r,triggerProps:i,contentProps:s,...c})=>a.jsxs(x.Dialog,{...c,children:[o&&a.jsx(x.DialogTrigger,{asChild:!0,...i,children:o}),a.jsxs(x.DialogContent,{className:m.cn("data-[state=open]:animate-contentShowTop top-4 bottom-auto max-h-[calc(100vh-2rem)] max-w-lg translate-y-0 overflow-y-auto",l==="xl"&&"max-w-xl",l==="2xl"&&"max-w-2xl",l==="3xl"&&"max-w-3xl",l==="4xl"&&"max-w-5xl",l==="5xl"&&"max-w-5xl",l==="6xl"&&"max-w-6xl",l==="7xl"&&"max-w-7xl",l==="full"&&"max-w-[95%]",r),...s,children:[a.jsxs(x.DialogHeader,{children:[a.jsx(x.DialogTitle,{className:"mb-0",children:t}),a.jsx(x.DialogDescription,{className:"hidden"})]}),n,e&&a.jsx(x.DialogFooter,{children:e})]})]});exports.MyModal=d; //# sourceMappingURL=index.cjs.js.map