"use client"
import{j as i}from"./chunk-DIVPJKYZ.mjs";import{Drawer as t}from"vaul";import{jsx as r,jsxs as m}from"react/jsx-runtime";function a({children:o,contentProps:e,...l}){return r(t.Root,{direction:"right",...l,children:m(t.Portal,{children:[r(t.Overlay,{className:"fixed inset-0 bg-black/20"}),r(t.Content,{...e,className:i("fixed bottom-2 right-2 top-2 z-10 flex w-[calc(100%-16px)] outline-none md:w-[540px]",e==null?void 0:e.className),style:{"--initial-transform":"calc(100% + 8px)",...e==null?void 0:e.style},children:r("div",{className:"scrollbar-hide flex size-full grow flex-col overflow-y-auto rounded-lg bg-white",children:o})})]})})}function n({className:o,...e}){return r(t.Title,{className:i("text-xl font-medium text-zinc-900",o),...e})}function s(o){return r(t.Description,{...o})}function f(o){return r(t.Close,{...o})}var w=Object.assign(a,{Title:n,Description:s,Close:f});export{w as a};
