interface IndeterminateProgressBarProps {
  show: boolean;
  className?: string;
}

export function IndeterminateProgressBar({ show, className = '' }: IndeterminateProgressBarProps) {
  if (!show) return null;

  return (
    <div
      role="progressbar"
      aria-busy="true"
      aria-valuetext="loading"
      className={`pointer-events-none absolute top-0 left-0 right-0 z-30 h-0.5 overflow-hidden bg-teal-500/10 dark:bg-teal-400/10 animate-fade-in ${className}`}
    >
      <div className="h-full w-1/4 bg-teal-500 dark:bg-teal-400 animate-indeterminate-progress" />
    </div>
  );
}
