15 lines
546 B
TypeScript
15 lines
546 B
TypeScript
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>;
|
|
}
|