import { Route, Routes } from "react-router-dom";
// import { PrimaryButton } from "./components/button/PrimaryButton";
// import { SecondaryButton } from "./components/button/SecondaryButton";
// import { Checkbox } from "./components/checkbox/Checkbox";
// import { Input } from "./components/input/Input";
// import { Switch } from "./components/switch/Switch";
import Home from "./pages/Home";
import Mission from "./pages/Mission";
import UploadMissionForm from "./views/mission/UploadMissionForm";

function App() {
  return (
    <div className="w-full h-full bg-liquid-background flex justify-center">
      <div className="relative w-full max-w-[1600px] h-full ">
        <Routes>
          <Route path="/home/*" element={<Home />} />
          <Route path="/mission/:missionId" element={<Mission />} />
          <Route path="/upload" element={<UploadMissionForm/>}/>
          <Route path="*" element={<Home />} />
        </Routes>

      </div>
    </div>
  );
}

export default App;