import { cn } from "@aur-ui/ui/lib/utils";
import { LoaderCircleIcon } from "lucide-react";

const SIZES = {
  sm: "size-4",
  default: "size-5",
  lg: "size-6",
} as const;

/**
 * Loading indicator — a quiet ink arc that inherits `text-*` for tinting
 * (e.g. `text-brand` next to a primary action). Announces via role=status.
 */
export function Spinner({
  size = "default",
  label = "Loading",
  className,
}: {
  size?: keyof typeof SIZES;
  /** Accessible name; visually hidden. */
  label?: string;
  className?: string;
}) {
  return (
    <span role="status" aria-label={label} className="inline-flex">
      <LoaderCircleIcon
        aria-hidden
        className={cn("animate-spin text-ink-400", SIZES[size], className)}
      />
    </span>
  );
}