import React, { Component } from "react";
import CssBaseline from "@material-ui/core/CssBaseline";
import { BrowserRouter as Router, Route } from "react-router-dom";
import Login from "./Login.js";
import { Box } from "@material-ui/core";
import Aufnahmeantrag from "./Aufnahmeantrag.js";
import { createMuiTheme, MuiThemeProvider } from "@material-ui/core";

const theme = createMuiTheme({
  palette: {
    primary: { main: "#2e294e" },
    grey: { main: "#595959" },
    danger: { main: "#d90368" },
    secondary: { main: "#eadeda" },
    text: { main: "#ffffff" }
  }
});

class App extends Component {
  state = {};
  render() {
    return (
      <MuiThemeProvider theme={theme}>
        <CssBaseline />
        <Router>
          <Box flexDirection="column" width="100%">
            <Route path="/login" component={Login} />
            <Route path="/aufnahmeantrag" component={Aufnahmeantrag} />
          </Box>
        </Router>
      </MuiThemeProvider>
    );
  }
}

export default App;