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

Set of react components.

import PropTypes from 'prop-types';
import classNames from 'classnames';
import { Action } from '../Actions';
import css from './HttpError.module.scss';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const className = 'http-error';
function getScopedClassName(scopedClassName = className) {
  return [css[scopedClassName], scopedClassName];
}
function HttpError(props) {
  const {
    action,
    message,
    status,
    style,
    title
  } = props;
  return /*#__PURE__*/_jsx("div", {
    className: classNames(getScopedClassName()),
    "data-status": status,
    children: /*#__PURE__*/_jsxs("div", {
      className: classNames(getScopedClassName(`${className}-content`), `${className}-${status}`),
      style: style,
      children: [/*#__PURE__*/_jsx("h1", {
        children: title
      }), /*#__PURE__*/_jsx("p", {
        children: message
      }), action && /*#__PURE__*/_jsx(Action, {
        ...action,
        icon: "talend-arrow-left",
        link: true
      })]
    })
  });
}
HttpError.displayName = 'HttpError';
HttpError.propTypes = {
  action: PropTypes.object,
  message: PropTypes.string.isRequired,
  status: PropTypes.number.isRequired,
  style: PropTypes.object,
  // eslint-disable-line react/forbid-prop-types
  title: PropTypes.string.isRequired
};
export default HttpError;
//# sourceMappingURL=HttpError.component.js.map