LoadingScreen.js

import React from 'react';
import styled from 'styled-components';

// Components //
import Text from 'components/Text';

const Root = styled.div`
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1;

    & > ${Text} {
        opacity: .08;
        margin-top: 16px;
        text-transform: uppercase;
    }
`;

const LoadingScreen = () => (
    <Root>
        <Text size={16} weight='500'>
            Loading...
        </Text>
    </Root>
);

export default LoadingScreen;