Hook API(React)[Material-ui]

Hook API使う場合は
npm install --save @material-ui/styles
実行してください

import {createStyles, makeStyles} from "@material-ui/core/styles";

const useStyles = makeStyles(() => (
  createStyles({
    "button": {
      borderColor: '#FFB549',
      color: '#FFB549',
      }
    }
  })
));

const Article = (props) => {
  const classes = useStyles();

  return(
    <Button 
      className={classes.button}
      {props.content}
    </Button>
  )

}

const classesからButtomへstyleをつけています。

注意
JSON形式でキャメルケースで書くこと
数値は''囲む必要がない

#おまけ(エントリーポイント使い方)
importの記述が多くなるため
エントリーポイント作ってあげたほうが良いです。

index.js

export {default as Hoge} from './Hoge'
export {default as Fuga} from './Fuga'
export {default as Foo} from './Foo'
export {default as Bar} from './Bar'

使いたいところ

import {Hoge, Foo} from './components/index';

export {default as Hoge} from './Hoge'
名前付きエクスポートしているので呼び出すときは{}が入ります