import styles from "./style";
import NavBar from "./components/NavBar";
import WorkApp from "./components/WorkApp";
import Home from "./components/Home";
import { BrowserRouter as Router } from "react-router-dom";
import { Route, Routes } from "react-router-dom";
import Contact from "./components/Contact";
import Mininav from "./components/Mininav";
import AddJobListing from "./components/AddJobListing";
import Cookies from "./components/Cookies";

function App() {

  return (
    <Router>
      <div className={`bg-white w-full`}>
        <div className={`${styles.paddingX} ${styles.flexCenter}`}>
          {/* <Mininav /> */}
          <div className={`${styles.boxWidth} `}>
            <NavBar />
          </div>
        </div>

        <div className={`${styles.flexStart} mt-18 sm:mt-[4.5rem] md:mt-[6.5rem]`}>
          <div className={`${styles.boxWidth2} `}>
            <Routes>
              <Route path="/home" element={<Home />} />
              <Route path="/work" element={<WorkApp />} />
              <Route path="/work/joboffers" element={<WorkApp />} />
              <Route path="/contact" element={<Contact />} />
              <Route path="/work/addjoboffer" element={<AddJobListing />} />
              <Route path="/work/joboffers/:id" element={<WorkApp/>} />
              {/* <Route path="/employerpanel" element={<EmployerPanel />} /> */}
              {/* Add more routes as needed */}
            </Routes>
            <Cookies />
          </div>
        </div>
      </div>
    </Router>
  );
}

export default App;