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