@centreon/react-components/lib/Checkbox/index.js

react components used by centreon web frontend

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.Checkbox = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _classnames2 = _interopRequireDefault(require("classnames"));

var _checkbox = _interopRequireDefault(require("./checkbox.scss"));

/* eslint-disable jsx-a11y/label-has-for */

/* eslint-disable react/jsx-filename-extension */

/* eslint-disable jsx-a11y/no-static-element-interactions */

/* eslint-disable jsx-a11y/click-events-have-key-events */

/* eslint-disable react/prop-types */
var Checkbox = function Checkbox(_ref) {
  var iconColor = _ref.iconColor,
      label = _ref.label,
      info = _ref.info,
      name = _ref.name,
      onClick = _ref.onClick,
      rest = (0, _objectWithoutProperties2["default"])(_ref, ["iconColor", "label", "info", "name", "onClick"]);
  var cnCustomControl = (0, _classnames2["default"])(_checkbox["default"]['custom-control'], (0, _defineProperty2["default"])({}, _checkbox["default"]['custom-checkbox'], true), _checkbox["default"][iconColor || '']);
  return _react["default"].createElement("div", {
    className: (0, _classnames2["default"])(_checkbox["default"]['form-group']),
    onClick: onClick
  }, _react["default"].createElement("div", {
    className: cnCustomControl
  }, _react["default"].createElement("input", (0, _extends2["default"])({
    name: name,
    "aria-checked": rest.checked,
    className: (0, _classnames2["default"])(_checkbox["default"]['custom-control-input']),
    type: "checkbox"
  }, rest)), _react["default"].createElement("label", {
    htmlFor: rest.id,
    className: (0, _classnames2["default"])(_checkbox["default"]['custom-control-label'])
  }, label, info)));
};

exports.Checkbox = Checkbox;
var _default = Checkbox;
exports["default"] = _default;