export function LoadingState({ label = 'Loading…' }: { label?: string }): JSX.Element {
  return (
    <div
      role="status"
      aria-live="polite"
      data-testid="loading-state"
      className="flex items-center justify-center py-section text-graphite text-[16px]"
    >
      <span className="inline-block h-2 w-2 rounded-pill bg-primary animate-pulse mr-sm" />
      {label}
    </div>
  );
}
