import { cn } from "../utils/cn.ts";

interface SpinnerProps {
  size?: "sm" | "md" | "lg";
  className?: string;
}

export function Spinner({ size = "md", className }: SpinnerProps) {
  const sizeClasses = {
    sm: "h-4 w-4 border",
    md: "h-8 w-8 border-2",
    lg: "h-12 w-12 border-2",
  };

  return (
    <div
      className={cn(
        "border-zinc-700 border-t-white rounded-full animate-spin",
        sizeClasses[size],
        className
      )}
    />
  );
}