portainer/app/react/components/ViewLoading/ViewLoading.tsx

22 lines
519 B
TypeScript

import clsx from 'clsx';
import styles from './ViewLoading.module.css';
interface Props {
message?: string;
}
export function ViewLoading({ message }: Props) {
return (
<div className={clsx('row', styles.root)}>
<div className="sk-fold">
<div className="sk-fold-cube" />
<div className="sk-fold-cube" />
<div className="sk-fold-cube" />
<div className="sk-fold-cube" />
</div>
{message && <span className={styles.message}>{message}</span>}
</div>
);
}