Loading Spinner

import LoadingSpinner from '@/components/rareui/LoadingSpinner';

export default function MyComponent() {
  return (
    <div className="flex items-center justify-center h-screen">
      <LoadingSpinner />
    </div>
  );
}

<LoadingSpinner />

<LoadingSpinner className="scale-150" />

export default function LoadingScreen() {
  return (
    <div className="fixed inset-0 flex items-center justify-center bg-background/80 backdrop-blur-sm z-50">
      <LoadingSpinner />
    </div>
  );
}