@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
64 lines (63 loc) • 1.95 kB
JavaScript
import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import { Container } from '@zohodesk/components/es/v1/Layout';
import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnableToProcessRequest';
import Button from '@zohodesk/components/es/v1/Button/Button';
import CommonEmptyState from "../../emptystate/CommonEmptyState/CommonEmptyState";
import style from "../../../version2/errorstate/V2_ErrorStates.module.css";
export default function UnableToProcessRequest(props) {
function errorUnableToProcess() {
return /*#__PURE__*/React.createElement(ErrorUnableToProcessRequest, {
className: style.errorSvg
});
}
let {
title,
description,
isButtonNeeded,
className,
isFluid,
dataId,
buttonText,
onButtonClick,
urlText,
url,
onClick,
urlTarget,
size
} = props;
return /*#__PURE__*/React.createElement(Container, {
scroll: "vertical",
className: `${style.container} ${style[size]}`
}, /*#__PURE__*/React.createElement(CommonEmptyState, {
title: title,
description: description,
getEmptyState: errorUnableToProcess,
className: `${style.errorState} ${className}`,
isFluid: isFluid,
dataId: dataId,
linkUrl: url,
linkText: urlText,
onUrlClick: onClick,
linkTarget: urlTarget,
customClass: {
titleClass: style.title,
descriptionClass: style.desc
}
}, isButtonNeeded ? /*#__PURE__*/React.createElement(Button, {
palette: "primaryFilled",
text: buttonText,
customClass: {
customButton: style.errorBtn
},
onClick: onButtonClick,
dataId: `${dataId}_button`
}) : null));
}
UnableToProcessRequest.propTypes = propTypes;
UnableToProcessRequest.defaultProps = defaultProps; // if (__DOCS__) {
// UnableToProcessRequest.docs = {
// componentGroup: 'errorStates'
// };
// }