Add React editor project

components/ui/spinner.tsx

@@ -1,38 +1,16 @@
-import React from 'react';
-import { cn } from '@/lib/utils';
+import { Loader2Icon } from "lucide-react"
 
-interface SpinnerProps extends React.ComponentProps<'svg'> {
-  size?: 'sm' | 'md' | 'lg' | 'xl';
-}
+import { cn } from "@/lib/utils"
 
-const sizeClasses = {
-  sm: 'size-3',
-  md: 'size-4',
-  lg: 'size-6',
-  xl: 'size-8',
-};
-
-function Spinner({ className, size = 'md', ...props }: SpinnerProps) {
+function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
   return (
-    <svg
+    <Loader2Icon
       role="status"
       aria-label="Loading"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className={cn('animate-spin', sizeClasses[size], className)}
+      className={cn("size-4 animate-spin", className)}
       {...props}
-    >
-      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
-    </svg>
-  );
+    />
+  )
 }
 
-export { Spinner };
-export type { SpinnerProps };
+export { Spinner }