"use client"
import{a as f}from"./chunk-NWME2ANF.mjs";import{j as l}from"./chunk-V3RMYYRV.mjs";import*as e from"@radix-ui/react-dialog";import*as n from"@radix-ui/react-visually-hidden";import{useRouter as h}from"next/navigation";import{Drawer as a}from"vaul";import{jsx as o,jsxs as r}from"react/jsx-runtime";function N({children:d,className:s,showModal:c,setShowModal:i,onClose:p,desktopOnly:m,preventDefaultClose:g,drawerRootProps:D}){let b=h(),u=({dragged:t}={})=>{g&&!t||(p&&p(),i?i(!1):b.back())},{isMobile:y}=f();return y&&!m?o(a.Root,{open:i?c:!0,onOpenChange:t=>{t||u({dragged:!0})},...D,children:r(a.Portal,{children:[o(a.Overlay,{className:"fixed inset-0 z-50 bg-gray-100 bg-opacity-10 backdrop-blur"}),o(a.Content,{className:l("fixed bottom-0 left-0 right-0 z-50 flex flex-col","rounded-t-[10px] border-t border-gray-200 bg-white",s),children:r("div",{className:"scrollbar-hide flex-1 overflow-y-auto rounded-t-[10px] bg-inherit",children:[r(n.Root,{children:[o(a.Title,{children:"Modal"}),o(a.Description,{children:"This is a modal"})]}),o(w,{}),d]})}),o(a.Overlay,{})]})}):o(e.Root,{open:i?c:!0,onOpenChange:t=>{t||u()},children:r(e.Portal,{children:[o(e.Overlay,{id:"modal-backdrop",className:"animate-fade-in fixed inset-0 z-40 bg-gray-100 bg-opacity-50 backdrop-blur-md"}),r(e.Content,{onOpenAutoFocus:t=>t.preventDefault(),onCloseAutoFocus:t=>t.preventDefault(),className:l("fixed inset-0 z-40 m-auto h-fit w-full max-w-md","border border-gray-200 bg-white p-0 shadow-xl sm:rounded-2xl","scrollbar-hide animate-scale-in overflow-y-auto",s),children:[r(n.Root,{children:[o(e.Title,{children:"Modal"}),o(e.Description,{children:"This is a modal"})]}),d]})]})})}function w(){return o("div",{className:"sticky top-0 z-20 flex items-center justify-center rounded-t-[10px] bg-inherit",children:o("div",{className:"my-3 h-1 w-12 rounded-full bg-gray-300"})})}export{N as a};
