text: import React from 'react';
  import Checkbox from '@material-ui/core/Checkbox';
  import { createMuiTheme, makeStyles, ThemeProvider } from '@material-ui/core/styles';
  import { orange } from '@material-ui/core/colors';
  
  const useStyles = makeStyles(theme => ({
    root: {
      color: theme.status.danger,
      '&$checked': {
        color: theme.status.danger,
      },
    },
    checked: {},
  }));
  
  function CustomCheckbox() {
    const classes = useStyles();
  
    return (
      <Checkbox
        defaultChecked
        classes={{
          root: classes.root,
          checked: classes.checked,
        }}
      />
    );
  }
  
  const theme = createMuiTheme({
    status: {
      danger: orange[500],
    },
  });
  
  export default function CustomStyles() {
    return (
      <ThemeProvider theme={theme}>
        <CustomCheckbox />
      </ThemeProvider>
    );
  }
  