import React from "react";
import { StrapiProvider } from "strapi-react-context";
import { ThemeProvider } from "@material-ui/core/styles";
import { MuiPickersUtilsProvider } from "@material-ui/pickers";
import MomentUtils from "@date-io/moment";
import { ToastProvider } from "./contexts/Toast";
import CssBaseline from "@material-ui/core/CssBaseline";
import Router from "./Router";
import theme from "./theme";

const models = [{ name: "events" }, { name: "cars" }];

const App = () => {
  return (
    <StrapiProvider models={models}>
      <ThemeProvider theme={theme}>
        <MuiPickersUtilsProvider utils={MomentUtils}>
          <ToastProvider>
            <CssBaseline />
            <Router />
          </ToastProvider>
        </MuiPickersUtilsProvider>
      </ThemeProvider>
    </StrapiProvider>
  );
};

export default App;