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