@centreon/react-components
Version:
react components used by centreon web frontend
85 lines (63 loc) • 2.65 kB
JavaScript
;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _react = _interopRequireWildcard(require("react"));
var _styles = require("@material-ui/core/styles");
var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
/* eslint-disable react/jsx-filename-extension */
/* eslint-disable react/prop-types */
/* eslint-disable react/prefer-stateless-function */
var styles = function styles() {
return {
switchBase: {
color: '#c7c8c9',
'&$checked': {
color: '#0072CE',
'&:hover': {
backgroundColor: 'rgba(0, 114, 206, 0.08)'
}
},
'&$checked + $track': {
backgroundColor: '#0072CE',
opacity: '.4'
}
},
checked: {},
track: {}
};
}; // eslint-disable-next-line no-unused-vars
var CustomSwitch =
/*#__PURE__*/
function (_Component) {
(0, _inherits2["default"])(CustomSwitch, _Component);
function CustomSwitch() {
(0, _classCallCheck2["default"])(this, CustomSwitch);
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(CustomSwitch).apply(this, arguments));
}
(0, _createClass2["default"])(CustomSwitch, [{
key: "render",
value: function render() {
var _this$props = this.props,
classes = _this$props.classes,
rest = (0, _objectWithoutProperties2["default"])(_this$props, ["classes"]);
return _react["default"].createElement(_Switch["default"], (0, _extends2["default"])({
color: "primary",
className: classes.switchBase
}, rest));
}
}]);
return CustomSwitch;
}(_react.Component);
var _default = (0, _styles.withStyles)(styles)(_Switch["default"]);
exports["default"] = _default;