git.iko.soy/bridge
on master help sign in
bridge/src/components/L2/LoadingOverlay.tsx
26 lines 526 B history raw
1import { Box, LoadingSpinner } from '@tlon/indigo-react';
3import './LoadingOverlay.scss';
5const LoadingOverlay = ({
6 loading,
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 background="rgba(0,0,0,0.3)" foreground="white" />
21 </Box>
22 </Box>
23 );
24};
26export default LoadingOverlay;