import React from "react";
import Basictable from './table/Basictable';
import Basictable1 from './colleges/Basictable';
import { Spinner} from 'reactstrap';

class Cutoff extends React.Component {
  constructor(){
    super();
    this.state={
      loading:true,
    }
  }

  demoAsyncCall() {
    return new Promise((resolve) => setTimeout(() => resolve(),1500))
  }

  componentDidMount(){

    this.demoAsyncCall().then(() => this.setState({loading:false}));
  }

  

  render(){ 

  if(this.state.loading)
  {
    return(
<div className="text-center p-3" style={{marginTop:"100px"}}>
      <Spinner color="primary" />
      <Spinner color="secondary" />
      <Spinner color="success" />
      <Spinner color="danger" />
      <Spinner color="warning" />
      <Spinner color="info" />
      <Spinner color="dark" />
    </div>
    )
  }
 else
 {
    return (
        <>
        <Basictable /> 
        <Basictable1 />
        </>
    )
  }
}
}

export default Cutoff;