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