@centreon/react-components/lib/Button/ButtonCustom/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"] = void 0;

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

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

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

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

var _Button = _interopRequireDefault(require("@material-ui/core/Button"));

var _styles = require("@material-ui/core/styles");

var _Add = _interopRequireDefault(require("@material-ui/icons/Add"));

/* eslint-disable react/prop-types */

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

/* eslint-disable no-dupe-keys */
var useStyles = (0, _styles.makeStyles)(function (theme) {
  var _button;

  return {
    button: (_button = {
      margin: theme.spacing(1),
      display: 'flex',
      backgroundColor: '#1174cb',
      color: '#fff',
      fontSize: 12
    }, (0, _defineProperty2["default"])(_button, "margin", 0), (0, _defineProperty2["default"])(_button, "padding", '7px 10px'), (0, _defineProperty2["default"])(_button, '&:hover', {
      backgroundColor: '#1e68a9'
    }), _button),
    leftIcon: {
      marginRight: theme.spacing(1),
      width: '0.8em',
      height: '0.8em'
    }
  };
});

function ButtonCustom(_ref) {
  var label = _ref.label,
      onClick = _ref.onClick,
      rest = (0, _objectWithoutProperties2["default"])(_ref, ["label", "onClick"]);
  var classes = useStyles();
  return _react["default"].createElement(_Button["default"], (0, _extends2["default"])({
    variant: "contained",
    color: "secondary",
    className: classes.button,
    onClick: onClick
  }, rest), _react["default"].createElement(_Add["default"], {
    className: classes.leftIcon,
    iconsize: "small"
  }), label);
}

var _default = ButtonCustom;
exports["default"] = _default;