import {Spin,Alert,Icon} from 'antd';

import './sass/load.scss';

export function Loading(){
    return (
        <div className='nost-component-loading'>
        <Spin tip="Loading..." />
        </div>
    );
}

export function LoadWithLabel(){
    return (
        <div className='nost-component-loading'>
        <Spin tip="Loading...">
            <Alert
              message="Getting ready to enter Dashboard"
              description="also have some questions, contact ourfor: ourfor@qq.com"
              type="info"
            />
        </Spin>
        </div>
    );    
}

import LoadSvgRaw from './image/load.svgraw';
const LoadIcon = <Icon component={LoadSvgRaw} spin style={{fontSize: '64px'}} />;
const LoadSpin = props => <Spin indicator={LoadIcon} size='large' className='main-loading'/>;

export {LoadIcon,LoadSvgRaw,LoadSpin};