LottieLoading.tsx raw

   1  import Lottie from "lottie-react";
   2  import animationDataDark from "src/assets/lotties/loading-dark.json";
   3  import animationDataLight from "src/assets/lotties/loading-light.json";
   4  import { useTheme } from "src/components/ui/theme-provider";
   5  
   6  export default function LottieLoading({ size }: { size?: number }) {
   7    const { isDarkMode } = useTheme();
   8  
   9    return (
  10      <Lottie
  11        animationData={isDarkMode ? animationDataDark : animationDataLight}
  12        loop
  13        autoplay
  14        rendererSettings={{ preserveAspectRatio: "xMidYMid slice" }}
  15        style={{ width: size ?? "100%", height: size ?? "100%" }}
  16      />
  17    );
  18  }
  19