import * as R from "ramda";
import * as React from "react";
import * as ReactDOM from "react-dom";

import { BrowserRouter } from "react-router-dom";
import { ApolloProvider } from "react-apollo";
import { Provider } from "react-redux";
import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";

import App from "components/App";
// import configureStore from "./configureStore";
import configureClient from "./configureClient";

import registerServiceWorker from "./registerServiceWorker";
import "./index.scss";

// const store = configureStore();
const client = configureClient();

const Root = () => (
  <ApolloProvider client={client}>
    <BrowserRouter>
      <MuiThemeProvider>
        <App />
      </MuiThemeProvider>
    </BrowserRouter>
  </ApolloProvider>
);

ReactDOM.render(<Root />, document.getElementById("root") as HTMLElement);

registerServiceWorker();