import { Route } from 'react-router-dom'

import ProductionOverview from '../components/Dashboard/Production/ProductionOverview'
import Printers from '../components/Dashboard/Production/Printers'
import ControlPrinter from '../components/Dashboard/Production/Printers/ControlPrinter.jsx'
import PrinterInfo from '../components/Dashboard/Production/Printers/PrinterInfo.jsx'
import Jobs from '../components/Dashboard/Production/Jobs.jsx'
import JobInfo from '../components/Dashboard/Production/Jobs/JobInfo.jsx'
import SubJobs from '../components/Dashboard/Production/SubJobs.jsx'
import GCodeFiles from '../components/Dashboard/Production/GCodeFiles'
import GCodeFileInfo from '../components/Dashboard/Production/GCodeFiles/GCodeFileInfo.jsx'

const ProductionRoutes = [
  <Route
    key='production-overview'
    path='production/overview'
    element={<ProductionOverview />}
  />,
  <Route key='printers' path='production/printers' element={<Printers />} />,
  <Route
    key='printers-control'
    path='production/printers/control'
    element={<ControlPrinter />}
  />,
  <Route
    key='printers-info'
    path='production/printers/info'
    element={<PrinterInfo />}
  />,
  <Route key='jobs' path='production/jobs' element={<Jobs />} />,
  <Route key='subjobs' path='production/subjobs' element={<SubJobs />} />,
  <Route key='jobs-info' path='production/jobs/info' element={<JobInfo />} />,
  <Route
    key='gcodefiles'
    path='production/gcodefiles'
    element={<GCodeFiles />}
  />,
  <Route
    key='gcodefiles-info'
    path='production/gcodefiles/info'
    element={<GCodeFileInfo />}
  />
]

export default ProductionRoutes