"use strict";var t=require("react/jsx-runtime"),l=require("../icons/ico-checkmark.js"),m=require("../../hooks/useDisplayState.js"),h=require("../../lib/cn.js");const d={lg:{circleSize:14,checkmarkSize:30},sm:{circleSize:5,checkmarkSize:12}},u=({size:r="lg",isVisible:e=!0,onShown:a=()=>{},onHidden:o=()=>{}})=>{const{circleSize:i,checkmarkSize:n}=d[r],{onHide:s,onShow:c}=m.useDisplayState({animate:!0,show:e,onHidden:o,onShown:a});return t.jsx("div",{className:h.cn("rounded-full flex items-center justify-center bg-positive-lightest",e?"animate-[popIn_150ms]":"animate-[popOut_150ms]","[animation-fill-mode:forwards]"),style:{width:`${i*4}px`,height:`${i*4}px`},onAnimationEnd:e?c:s,children:t.jsx(l.default,{width:n,height:n,color:"var(--color-positive-base)"})})};exports.AnimatedCheckmark=u;
//# sourceMappingURL=animated-checkmark.js.map
