import React from 'react'

import {
    makeStyles,
    createMuiTheme,
    MuiThemeProvider
} from '@material-ui/core/'

export const MuiColors = {
    Primary: '#0085c0',
    Dark: '#172d45',
    Special: '#42d4a0',
    Gray: '#eeeeee'
}

const theme = createMuiTheme({
    palette: {
        primary: {
            main: MuiColors.Special,
            contrastText: '#fff',
        }
    },
    typography: {
        fontFamily: [
            'Exo 2',
            'sans-serif'
        ]
    }
})

const useStyles = makeStyles(theme => ({
    root: {
        display: 'flex',
    }
}))

const App = (props) => {

    const classes = useStyles()

    return (
     <MuiThemeProvider theme={theme}>
        <div className={classes.root}>
            <p>Hello Jonas</p>
        </div>
    </MuiThemeProvider >
    )

}