App.js

aztec-escrow-front-2

import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import { Client as Styletron } from "styletron-engine-atomic";
import { Provider as StyletronProvider } from "styletron-react";
import { LightTheme, BaseProvider, styled } from "baseui";

const engine = new Styletron();
const Centered = styled("div", {
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
  height: "100%"
});

function App() {
  return (
    <StyletronProvider value={engine}>
      <BaseProvider theme={LightTheme}>
        <Centered>
          <Router>
            <Switch>
              <Route path="/" exact></Route>
              <Route path="/create-escrow" exact></Route>
              <Route path="/check-escrow" exact></Route>
              <Route path="/approve-escrow" exact></Route>
              <Route path="/release-escrow" exact></Route>
              <Route path="/how-it-works" exact></Route>
            </Switch>
          </Router>
        </Centered>
      </BaseProvider>
    </StyletronProvider>
  );
}

export default App;