first commit
This commit is contained in:
19
app/components/LoadingSpinner.tsx
Normal file
19
app/components/LoadingSpinner.tsx
Normal file
@@ -0,0 +1,19 @@
|
||||
interface LoadingSpinnerProps {
|
||||
size?: "sm" | "md" | "lg";
|
||||
}
|
||||
|
||||
export function LoadingSpinner({ size = "md" }: LoadingSpinnerProps) {
|
||||
const sizes = {
|
||||
sm: "w-4 h-4",
|
||||
md: "w-8 h-8",
|
||||
lg: "w-12 h-12",
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="flex justify-center items-center">
|
||||
<div
|
||||
className={`${sizes[size]} border-4 border-gray-200 border-t-blue-600 rounded-full animate-spin`}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user