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