//@flow
import React from 'react';
import injectSheet from 'react-jss';
import classNames from 'classnames';

import { Route, withRouter } from 'react-router';

import Page from './containers/Page';
import Users from './containers/Users';
import {Switch} from 'react-router-dom';

const styles = {
  content: {
    paddingTop: '60px'
  },
};

type Props = {
  classes: any
}

class Main extends React.Component<Props> {

  render() {
    const { classes } = this.props;
    return (
      <div className={classNames('container', classes.content)}>
        <Switch>
          <Route exact path="/" component={Page} />
          <Route exact path="/users" component={Users} />
        </Switch>
      </div>
    );
  }

}

export default withRouter(injectSheet(styles)(Main));