import * as React from 'react'
import { Theme } from '@material-ui/core/styles'
import { makeStyles } from '@material-ui/styles';

const useStyles = makeStyles(({ palette }: Theme) => ({
  root: {
    // backgroundColor: palette.primary,
  },
}),
  { name: 'MyComponent' }
)

interface Props {
  title: string
}

const MyComponent = ({title}: Props) => {
  const c = useStyles({})
  return <div className={c.root}></div>
}

export default MyComponent