import { LoadingSpinner } from '../OperationProgress/OperationProgress';

interface PanelLoadingStateProps {
  message: string;
  compact?: boolean;
}

export function PanelLoadingState({ message, compact = false }: PanelLoadingStateProps) {
  return <div className={`panel-loading-state${compact ? ' is-compact' : ''}`} role="status" aria-live="polite" aria-label={message}>
    <div className="panel-loading-state-content">
      <div className="panel-loading-state-message"><LoadingSpinner/><span>{message}</span></div>
    </div>
  </div>;
}