import React from 'react';
import { Spin } from '@easyv/antd';
import { LoadingOutlined } from '@ant-design/icons';

const antIcon = <LoadingOutlined style={{ fontSize: 24 }} spin />;

function Loading() {
  return (
    <div
      style={{
        width: '100%',
        height: '100%',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center'
      }}>
      <Spin tip="loading..." indicator={antIcon} />
    </div>
  );
}

export default Loading;
