import './demo2.css';
import Loading from '..';
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <div>
    <Loading tip="xl" size="xl">
      <div className="demo-size"></div>
    </Loading>
    <Loading tip={<span>default = large</span>} size="large">
      <div className="demo-size"></div>
    </Loading>
    <Loading tip="medium" size="medium">
      <div className="demo-size"></div>
    </Loading>
    <Loading tip="small" size="small">
      <div className="demo-size"></div>
    </Loading>
    <Loading
      type="linear"
      size="medium"
    />
    <br />
    <br />
    <Loading
      type="linear"
      size="large"
    />
  </div>,
  document.getElementById('loading-demo-2'),
);
