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