"use strict";var n=require("react/jsx-runtime"),l=require("../icons/ico-dismiss.js"),m=require("../../hooks/useDisplayState.js"),c=require("../../lib/cn.js");const u={lg:{circleSize:14,dismissSize:30},sm:{circleSize:5,dismissSize:12}},h=({size:t="lg",isVisible:i=!0,onShown:a=()=>{},onHidden:r=()=>{}})=>{const{circleSize:e,dismissSize:s}=u[t],{onHide:o,onShow:d}=m.useDisplayState({animate:!0,show:i,onHidden:r,onShown:a});return n.jsx("div",{className:c.cn("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?d:o,children:n.jsx(l.default,{width:s,height:s,color:"var(--color-negative-base)"})})};exports.AnimatedDismiss=h;
//# sourceMappingURL=animated-dismiss.js.map
