@zohodesk/dot/lib/v1/errorstate/Inconvenience/Inconvenience.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Inconvenience;

var _react = _interopRequireDefault(require("react"));

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _Layout = require("@zohodesk/components/es/v1/Layout");

var _ErrorInconvenience = _interopRequireDefault(require("@zohodesk/svg/es/v1/errorstate/version3/ErrorInconvenience"));

var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));

var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));

var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../version2/errorstate/V2_ErrorStates.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function Inconvenience(props) {
  function errorInconvenience() {
    return /*#__PURE__*/_react["default"].createElement(_ErrorInconvenience["default"], {
      className: _V2_ErrorStatesModule["default"].errorSvg
    });
  }

  var title = props.title,
      description = props.description,
      isButtonNeeded = props.isButtonNeeded,
      className = props.className,
      isFluid = props.isFluid,
      dataId = props.dataId,
      buttonText = props.buttonText,
      onButtonClick = props.onButtonClick,
      urlText = props.urlText,
      url = props.url,
      onClick = props.onClick,
      urlTarget = props.urlTarget,
      size = props.size;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    scroll: "vertical",
    className: "".concat(_V2_ErrorStatesModule["default"].container, " ").concat(_V2_ErrorStatesModule["default"][size])
  }, /*#__PURE__*/_react["default"].createElement(_CommonEmptyState["default"], {
    title: title,
    description: description,
    getEmptyState: errorInconvenience,
    className: "".concat(_V2_ErrorStatesModule["default"].errorState, " ").concat(className),
    isFluid: isFluid,
    dataId: dataId,
    linkUrl: url,
    linkText: urlText,
    onUrlClick: onClick,
    linkTarget: urlTarget,
    customClass: {
      titleClass: _V2_ErrorStatesModule["default"].title,
      descriptionClass: _V2_ErrorStatesModule["default"].desc
    }
  }, isButtonNeeded ? /*#__PURE__*/_react["default"].createElement(_Button["default"], {
    palette: "primaryFilled",
    text: buttonText,
    customClass: {
      customButton: _V2_ErrorStatesModule["default"].errorBtn
    },
    onClick: onButtonClick,
    dataId: "".concat(dataId, "_button")
  }) : null));
}

Inconvenience.propTypes = _propTypes.propTypes;
Inconvenience.defaultProps = _defaultProps.defaultProps;