import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; import CircularProgress from '@material-ui/core/CircularProgress'; // Inspired by the former Facebook spinners. const useStylesFacebook = makeStyles((theme) => ({ root: { position: 'relative', top: '2px', right: '2px', marginLeft: '6px', }, bottom: { color: theme.palette.grey[theme.palette.type === 'light' ? 200 : 700], }, top: { color: '#1ED81E', animationDuration: '550ms', position: 'absolute', left: 0, }, circle: { strokeLinecap: 'round', }, })); function FacebookCircularProgress(props) { const classes = useStylesFacebook(); return (
); } const useStyles = makeStyles({ root: { // flexGrow: 1, }, }); export default function CustomizedProgressBars() { const classes = useStyles(); return (
); }