import React from 'react';

import LandingGradient from 'soapbox/components/landing-gradient';
import { Spinner } from 'soapbox/components/ui';

/** Fullscreen loading indicator. */
const LoadingScreen: React.FC = () => (
  <div className='fixed h-screen w-screen'>
    <LandingGradient />

    <div className='d-screen fixed z-10 flex w-screen items-center justify-center'>
      <div className='p-4'>
        <Spinner size={40} withText={false} />
      </div>
    </div>
  </div>
);

export { LoadingScreen as default };
