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