import { Routes, Route } from 'react-router-dom';
import Home from './Home';
import Sidebar from '../components/Sidebar';
import SpareParts from './SpareParts';
import StockIn from './StockIn';
import StockOut from './StockOut';
import Reports from './Reports';

function Dashboard(){
    return(
        <div className='flex'>
           <Sidebar/>

           <div className='flex-1 p-6 bg-gray-200 min-h-screen'>
            <Routes>
                <Route path='/' element={<Home/>}/>
                <Route path='/spareparts' element={<SpareParts/>}/>
                <Route path='/stockin'element={<StockIn/>}/>
                <Route path='/stockout' element={<StockOut/>}/>
                <Route path='/reports' element={<Reports/>}/>
    
            </Routes>
            
           </div>

        </div>
    )
}

export default Dashboard;