@centreon/react-components/lib/MaterialComponents/Icons/IconAttach/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 _react = _interopRequireDefault(require("react"));

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

var _AttachFile = _interopRequireDefault(require("@material-ui/icons/AttachFile"));

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

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

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

/* eslint-disable react/prop-types */
var useStyles = (0, _styles.makeStyles)(function () {
  return {
    root: {
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center'
    },
    icon: {
      color: '#707070',
      cursor: 'initial',
      fontSize: 14,
      verticalAlign: 'middle'
    },
    iconAttach: {
      width: 80,
      height: 49,
      textAlign: 'center',
      lineHeight: '46px',
      backgroundColor: '#fff',
      display: 'inline-block',
      marginRight: 15,
      verticalAlign: 'middle',
      cursor: 'initial',
      marginLeft: -20
    },
    iconAttachLabel: {
      fontSize: 12,
      color: '#707070',
      display: 'inline-block',
      verticalAlign: 'middle',
      fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
      marginLeft: 3
    },
    iconAttachImage: {
      maxWidth: '100%',
      maxHeight: '100%',
      verticalAlign: 'middle'
    }
  };
});

function IconAttach(_ref) {
  var customStyle = _ref.customStyle,
      onClick = _ref.onClick,
      defaultImage = _ref.defaultImage,
      uploadedImage = _ref.uploadedImage,
      imgSource = _ref.imgSource,
      title = _ref.title,
      _ref$labelNoIcon = _ref.labelNoIcon,
      labelNoIcon = _ref$labelNoIcon === void 0 ? "NO ICON" : _ref$labelNoIcon;
  var classes = useStyles();
  return _react["default"].createElement("span", {
    onClick: onClick,
    className: classes.iconAttach
  }, defaultImage && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("span", {
    className: classes.iconAttachLabel
  }, labelNoIcon)), uploadedImage && _react["default"].createElement("img", {
    src: imgSource,
    className: classes.iconAttachImage,
    alt: title,
    title: title
  }));
}

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