Loading.tsx raw

   1  import { Loader2Icon, LoaderIcon } from "lucide-react";
   2  import { cn } from "src/lib/utils";
   3  
   4  function Loading({
   5    className,
   6    variant = "loader2",
   7  }: {
   8    className?: string;
   9    variant?: "loader2" | "loader";
  10  }) {
  11    const Component = variant === "loader2" ? Loader2Icon : LoaderIcon;
  12  
  13    return (
  14      <>
  15        <Component
  16          className={cn(
  17            "h-6 w-6",
  18            variant === "loader2" ? "animate-spin" : "animate-spin-slow",
  19            className
  20          )}
  21        >
  22          <span className="sr-only">Loading...</span>
  23        </Component>
  24      </>
  25    );
  26  }
  27  
  28  export default Loading;
  29