LottieSuccess.tsx raw

   1  import Lottie from "lottie-react";
   2  import animationData from "src/assets/lotties/success-check.json";
   3  
   4  export default function LottieSuccess({ size = 288 }: { size?: number }) {
   5    return (
   6      <div className="[&_path[fill='rgb(75,177,0)']]:fill-positive-foreground [&_path[stroke='rgb(75,177,0)']]:stroke-positive-foreground [&_path[stroke='rgb(255,255,255)']]:stroke-card">
   7        <Lottie
   8          animationData={animationData}
   9          loop={false}
  10          autoplay
  11          rendererSettings={{ preserveAspectRatio: "xMidYMid meet" }}
  12          style={{ width: size, height: size }}
  13        />
  14      </div>
  15    );
  16  }
  17