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