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