"use client";

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

/** CSS-driven, so the reduced-motion block in globals.css actually stops it. */
export function Spinner({ className }: { className?: string }) {
  return (
    <span
      aria-hidden
      className={cn(
        "inline-block h-3.5 w-3.5 shrink-0 rounded-full border-2 border-current",
        "border-r-transparent [animation:spin_0.7s_linear_infinite]",
        className,
      )}
    />
  );
}