text: import { useTheme } from '../../App';
  import { localized } from '../../hooks/useLocalization';
  import LoadingVideo from '../../images/loading.mp4';
  import './Loading.css';
  
  const Loading = () => {
      // Q: do we want loading? yes
      const loadingClassName = useTheme('loading');
  
      return (
          <div className={ loadingClassName }>
              <h1>{ localized('loading.title') }</h1>
  
              <video src={ LoadingVideo } controls={ false } autoPlay loop />
  
              <h2>{ localized('loading.text') }</h2>
          </div>
      )
  }
  
  export { Loading }
  