@centreon/react-components/lib/MaterialComponents/Snackbar/Error/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 _propTypes = _interopRequireDefault(require("prop-types"));

var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));

var _SnackbarContent = _interopRequireDefault(require("@material-ui/core/SnackbarContent"));

var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));

var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));

var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));

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

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    error: {
      backgroundColor: theme.palette.error.dark,
      marginRight: theme.spacing(1)
    },
    icon: {
      fontSize: 20,
      opacity: 0.9
    },
    message: {
      display: 'flex',
      alignItems: 'center'
    }
  };
});

var ErrorSnackbar = function ErrorSnackbar(_ref) {
  var message = _ref.message,
      open = _ref.open,
      onClose = _ref.onClose;
  var classes = useStyles();

  var Message = _react["default"].createElement("span", {
    className: classes.message
  }, _react["default"].createElement(_Error["default"], {
    className: "".concat(classes.icon, " ").concat(classes.error)
  }), message);

  return _react["default"].createElement(_Snackbar["default"], {
    anchorOrigin: {
      vertical: 'top',
      horizontal: 'center'
    },
    open: open,
    autoHideDuration: 6000,
    onClose: onClose
  }, _react["default"].createElement(_SnackbarContent["default"], {
    className: classes.error,
    message: Message,
    action: [_react["default"].createElement(_IconButton["default"], {
      key: "close",
      color: "inherit",
      onClick: onClose
    }, _react["default"].createElement(_Close["default"], {
      className: classes.icon
    }))]
  }));
};

ErrorSnackbar.defaultProps = {
  onClose: function onClose() {}
};
ErrorSnackbar.propTypes = {
  message: _propTypes["default"].string.isRequired,
  open: _propTypes["default"].bool.isRequired,
  onClose: _propTypes["default"].func
};
var _default = ErrorSnackbar;
exports["default"] = _default;