import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Overview from "./overview/overview";
import {
    Route,
} from "react-router-dom";
import SelectResource from './selectResource';
import ResourceChart from './resourcechart/resourcechart';
import Profile from './profile/profile';


const useStyles = makeStyles(theme => ({
    root: {
        flexGrow: 1,
        padding: 20,
        backgroundColor: "#eeeeee",
    },
}));

export default function Content() {
    const classes = useStyles();

    return (

        <div className={classes.root}>
            <Route exact path="/" component={Overview} />
            <Route path="/profile" component={Profile} />
            <Route path="/resources" component={SelectResource} />
            <Route path="/resourcechart/:id" component={ResourceChart} />
        </div>

    );
}