packages/website/ts/components/ui/simple_loading.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import CircularProgress from 'material-ui/CircularProgress';
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>
    );
};