@centreon/react-components/src/MaterialComponents/Checkbox/index.js

react components used by centreon web frontend

/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prop-types */
/* eslint-disable react/prefer-stateless-function */

import React, { Component } from 'react';
import Checkbox from '@material-ui/core/Checkbox';
import { withStyles } from '@material-ui/core/styles';
import FormControlLabel from '@material-ui/core/FormControlLabel';

const CustomCheckbox = withStyles({
  root: {
    color: '#0072CE',
    '&$checked': {
      color: '#0072CE',
    },
    fontSize: 10,
    padding: 0,
  },
  checked: {},
})((props) => <Checkbox color="default" {...props} />);

const CustomLabel = withStyles({
  label: {
    fontSize: 12,
  },
})(FormControlLabel);

// eslint-disable-next-line no-unused-vars
class CheckboxDefault extends Component {
  render() {
    const { label, ...rest } = this.props;
    return <CustomLabel control={<CustomCheckbox {...rest} />} label={label} />;
  }
}

export default CheckboxDefault;