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