import "./App.css";
import { Login } from "./pages/Login.tsx";
import { ContentLayout, SpaceBetween } from "@cloudscape-design/components";
import icon from "./paella-icon.png";
import { Route, Routes } from "react-router";
import { SignUp } from "./pages/SignUp.tsx";
import { Register } from "./pages/Register.tsx";
import { Buy } from "./pages/Buy.tsx";

function App() {
  return (
    <ContentLayout defaultPadding maxContentWidth={500}>
      <SpaceBetween size="m">
        <img className="app-logo" src={icon} alt="App logo" />
        <Routes>
          <Route path="/" element={<Login />} />
          <Route path="/signup" element={<SignUp />} />
          <Route path="/register" element={<Register />} />
          <Route path="/buy" element={<Buy />} />
        </Routes>
      </SpaceBetween>
    </ContentLayout>
  );
}

export default App;
