Ring Loader

export function RingLoader() {
  return (
    <span role="status" aria-label="Loading" className="relative inline-block size-12">
      <span className="absolute inset-0 rounded-full border-2 border-neutral-800" />
      <span className="absolute inset-0 rounded-full border-2 border-transparent border-t-amber-500 motion-safe:animate-[spin_1s_linear_infinite]" />
      <span className="absolute inset-1.5 rounded-full border-2 border-transparent border-b-amber-500/50 motion-safe:animate-[spin_1.6s_linear_infinite_reverse]" />
    </span>
  );
}