Function SpinnerWidget

frontend/src/components/widgets/SpinnerWidget.jsx:7–33

({
  id,
  label = 'Loading...',
  variant = 'default',
  className,
  showLabel = true,
})

import { cn } from '@/lib/utils';

const SpinnerWidget = ({
  id,
  label = 'Loading...',
  variant = 'default',
  className,
  showLabel = true,
}) => {
  const SpinnerContent = (
    <div
      id={variant !== 'card' ? id : undefined}
      className={cn('flex flex-col items-center gap-2 p-4', className)}
    >
      <div className="h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" />
      {showLabel && label && <p className="text-sm text-muted-foreground">{label}</p>}
    </div>
  );

  if (variant === 'card') {
    return (
      <Card id={id}>
        <CardContent>{SpinnerContent}</CardContent>
      </Card>
    );
  }

  return SpinnerContent;
};

export default SpinnerWidget;