"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 _react = _interopRequireDefault(require("react"));

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

var _constants = require("../../constants");

// Copyright 1999-2020. Plesk International GmbH. All rights reserved.

/**
 * `Alert` component is used for highlighting important content.
 *  For showing messages about state of the system it is recommended to use [StatusMessage](#!/StatusMessage)
 *  or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
 * @since 0.0.35
 */
const Alert = ({
  baseClassName = `${_constants.CLS_PREFIX}alert`,
  className,
  intent,
  children,
  onClose,
  ...props
}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
  className: (0, _classnames.default)(baseClassName, {
    [`${baseClassName}--${intent}`]: intent
  }, className)
}, props), onClose && /*#__PURE__*/_react.default.createElement("span", {
  className: "close",
  onClick: onClose
}), children);

var _default = Alert;
exports.default = _default;