import{jsx as i}from"react/jsx-runtime";import{useDisplayState as h}from"../../hooks/useDisplayState.js";import{modal as y}from"../../recipes/modal.js";import{cn as w}from"../../lib/cn.js";const M=()=>{if(typeof navigator>"u")return!1;const e=navigator.userAgent;return/Mobi|Android|iPhone|iPad/i.test(e)},v=M(),r=({animate:e=!0,paddingType:t="none",gap:a=2.5,isOpen:n=!0,onAnimated:s=()=>{},onClosed:d=()=>{},showBorder:l=!0,fullscreen:p=!1,isWidget:m=!1,children:c})=>{const o=y({animate:e,isOpen:n,paddingType:t,showBorder:l,fullscreen:p,isWidget:m,isMobileBrowser:v}),{displayed:f,onHide:u,onShow:g}=h({animate:e,show:n,onHidden:d,onShown:s});return f?i("div",{className:o.wrapper,onAnimationEnd:n?g:u,children:i("div",{className:w(o.content,"flex flex-col items-center"),style:{gap:`${a*.25}rem`},children:c})}):null};r.displayName="Modal";export{r as Modal};
//# sourceMappingURL=modal.js.map
