import{jsx as s}from"react/jsx-runtime";import d from"../icons/ico-dismiss.js";import{useDisplayState as l}from"../../hooks/useDisplayState.js";import{cn as c}from"../../lib/cn.js";const p={lg:{circleSize:14,dismissSize:30},sm:{circleSize:5,dismissSize:12}},h=({size:n="lg",isVisible:i=!0,onShown:t=()=>{},onHidden:m=()=>{}})=>{const{circleSize:e,dismissSize:o}=p[n],{onHide:r,onShow:a}=l({animate:!0,show:i,onHidden:m,onShown:t});return s("div",{className:c("rounded-full flex items-center justify-center bg-negative-lightest",i?"animate-[popIn_150ms]":"animate-[popOut_150ms]","[animation-fill-mode:forwards]"),style:{width:`${e*4}px`,height:`${e*4}px`},onAnimationEnd:i?a:r,children:s(d,{width:o,height:o,color:"var(--color-negative-base)"})})};export{h as AnimatedDismiss};
//# sourceMappingURL=animated-dismiss.js.map
