import React from 'react'
import Dashbord from './dashbord'
import Importexcel from './importExcel'
import Reaportdetail from './Reaportdetail'
import { Routes,Route } from 'react-router-dom'
import Adminside from './adminSide'
import Adminnav from './adminNav'
function Admin() {
  return (<>
  
      <div className='container-fluid w-100 col-12 d-flex flex-row m-0 p-0' style={{ height: '100vh' }}>
            <div className='col-2'>
              <Adminside/>
            </div>
            <div className='col-10 border'>
                    <div className='w-100 p-0 m-0 bg-light'>
                      <Adminnav/>
                    </div>
                    <div className='bg-light m-0 p-1 flex-grow-1 overflow-auto' style={{height:'90vh'}}>
                          <Routes>
                                <Route path="/" element={<Dashbord/>}></Route>
                                <Route path="/importexcel" element={<Importexcel/>}></Route>
                                <Route path="/reportdetail" element={<Reaportdetail/>}></Route>
                          </Routes>
                    </div>
              </div>          
 
      </div>
   </>
  )
}

export default Admin