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