Spinner

1import { cn } from "@/registry/lib/surface"
2 
3function Spinner({ className, ...props }: React.ComponentProps<"span">) {
4  return (
5    <span
6      role="status"
7      aria-label="Loading"
8      className={cn("inline-flex size-4 items-center justify-center gap-[0.2em] text-current", className)}
9      {...props}
10    >
11      <span className="aspect-square h-[22%] rounded-full bg-current opacity-100" />
12      <span className="aspect-square h-[22%] rounded-full bg-current opacity-60" />
13      <span className="aspect-square h-[22%] rounded-full bg-current opacity-40" />
14    </span>
15  )
16}
17 
18export { Spinner }