import{jsxs as f,jsx as u}from"react/jsx-runtime";import{useDisplayState as y}from"../../hooks/useDisplayState.js";import{overlay as h}from"../../recipes/overlay.js";import{VStack as g}from"@styled/jsx";const i=({animate:e=!0,backgroundType:o="none",hide:n=!1,fullscreen:r=!1,onAnimated:t=()=>{},onHidden:m=()=>{},children:d})=>{const a=h({animate:e,backgroundType:o,hide:n,fullscreen:r}),{displayed:l,onHide:s,onShow:c}=y({animate:e,show:!n,onHidden:m,onShown:t});if(!l)return null;const p=o!=="none";return f(g,{alignItems:"center",className:a.container,children:[p&&u("div",{className:a.bg,onAnimationEnd:n?s:c}),d]})};i.displayName="Overlay";export{i as Overlay};
//# sourceMappingURL=overlay.js.map
