File size: 664 Bytes
246d201 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
import LoadingSpinnerOuter from "#/icons/loading-outer.svg?react";
import { cn } from "#/utils/utils";
interface LoadingSpinnerProps {
size: "small" | "large";
}
export function LoadingSpinner({ size }: LoadingSpinnerProps) {
const sizeStyle =
size === "small" ? "w-[25px] h-[25px]" : "w-[50px] h-[50px]";
return (
<div data-testid="loading-spinner" className={cn("relative", sizeStyle)}>
<div
className={cn(
"rounded-full border-4 border-[#525252] absolute",
sizeStyle,
)}
/>
<LoadingSpinnerOuter className={cn("absolute animate-spin", sizeStyle)} />
</div>
);
}
|