aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/simple_loading.tsx
blob: d55d7851d07f06112f737f951f65631cbd495deb (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import CircularProgress from 'material-ui/CircularProgress';
import {colors} from 'material-ui/styles';
import * as React from 'react';

export interface SimpleLoadingProps {
    message: string;
}

export const SimpleLoading = (props: SimpleLoadingProps) => {
    return (
        <div className="mx-auto pt3" style={{maxWidth: 400, height: 409}}>
            <div
                className="relative"
                style={{top: '50%', transform: 'translateY(-50%)', height: 95}}
            >
                <CircularProgress />
                <div className="pt3 pb3">
                    {props.message}
                </div>
            </div>
        </div>
    );
};