@talend/react-components/lib/HttpError/HttpError.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Actions = require("../Actions");
var _HttpErrorModule = _interopRequireDefault(require("./HttpError.module.scss"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const className = 'http-error';
function getScopedClassName(scopedClassName = className) {
  return [_HttpErrorModule.default[scopedClassName], scopedClassName];
}
function HttpError(props) {
  const {
    action,
    message,
    status,
    style,
    title
  } = props;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: (0, _classnames.default)(getScopedClassName()),
    "data-status": status,
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: (0, _classnames.default)(getScopedClassName(`${className}-content`), `${className}-${status}`),
      style: style,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
        children: title
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
        children: message
      }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.Action, {
        ...action,
        icon: "talend-arrow-left",
        link: true
      })]
    })
  });
}
HttpError.displayName = 'HttpError';
HttpError.propTypes = {
  action: _propTypes.default.object,
  message: _propTypes.default.string.isRequired,
  status: _propTypes.default.number.isRequired,
  style: _propTypes.default.object,
  // eslint-disable-line react/forbid-prop-types
  title: _propTypes.default.string.isRequired
};
var _default = exports.default = HttpError;
//# sourceMappingURL=HttpError.component.js.map