import{jsx as e}from"react/jsx-runtime";import{token as a}from"@styled/tokens";import d from"../icons/ico-dismiss.js";import{useDisplayState as l}from"../../hooks/useDisplayState.js";import{Circle as p}from"@styled/jsx";const S={lg:{circleSize:14,dismissSize:30},sm:{circleSize:5,dismissSize:12}},h=({size:n="lg",isVisible:i=!0,onShown:s=()=>{},onHidden:t=()=>{}})=>{const{circleSize:r,dismissSize:o}=S[n],{onHide:m,onShow:c}=l({animate:!0,show:i,onHidden:t,onShown:s});return e(p,{size:r,bg:"negative.lightest",animation:i?"popIn 150ms":"popOut 150ms",animationFillMode:"forwards",onAnimationEnd:i?c:m,children:e(d,{width:o,height:o,color:a("colors.negative.base")})})};export{h as AnimatedDismiss};
//# sourceMappingURL=animated-dismiss.js.map
