export interface BusyRingProps {
  className?: string;
}

export function BusyRing({ className }: BusyRingProps) {
  const classes = ['ui-busy-ring', className ?? ''].filter(Boolean).join(' ');

  return (
    <span className={classes} aria-hidden="true">
      <span className="ui-busy-ring-segment top" />
      <span className="ui-busy-ring-segment right" />
      <span className="ui-busy-ring-segment bottom" />
      <span className="ui-busy-ring-segment left" />
    </span>
  );
}