git.iko.soy/bridge
on 8a36573 help sign in
bridge/src/components/L2/LoadingOverlay.tsx
26 lines 532 B history raw
1import { Box, LoadingSpinner } from '@tlon/indigo-react';
3import './LoadingOverlay.scss';
5const LoadingOverlay = ({
6 loading = false,
7 text,
8}: {
9 loading: boolean;
10 text?: string;
11}) => {
12 if (!loading) {
13 return null;
14 }
16 return (
17 <Box className="loading-overlay">
18 <Box className={`${text ? 'solid' : ''}`}>
19 {text && <Box className="loader-text">{text}</Box>}
20 <LoadingSpinner foreground="white" background="rgba(0,0,0,0.3)" />
21 </Box>
22 </Box>
23 );
24};
26export default LoadingOverlay;