24 lines
679 B
TypeScript
24 lines
679 B
TypeScript
import * as React from 'react';
|
|
import {colors} from 'material-ui/styles';
|
|
import CircularProgress from 'material-ui/CircularProgress';
|
|
|
|
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>
|
|
);
|
|
};
|