import React from "react" import Box from "@material-ui/core/Box" import { Divider } from "@material-ui/core" import makeStyles from "@material-ui/styles/makeStyles" const useStyles = makeStyles(theme => ({ divider: { background: "#000", height: 2, marginTop: 10, marginBottom: 10, }, })) const Bar = () => { const classes = useStyles() return ( <Box style={{ width: 80 }}> <Divider classes={{ root: classes.divider }} // style={{ height: 3, margin: 10, color: "#000" }} /> </Box> ) } export default Bar