@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
67 lines (66 loc) • 2.35 kB
JavaScript
import React, { Component } from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import Link from "../../Link/Link";
import style from "./CommonEmptyState.module.css";
export default class CommonEmptyState extends Component {
render() {
let {
title,
description,
linkDescription,
linkUrl,
linkText,
linkTarget,
onUrlClick,
getEmptyState,
className,
dataId,
isFluid,
children,
size,
palette,
customClass
} = this.props;
let {
titleClass = '',
descriptionClass = ''
} = customClass;
return /*#__PURE__*/React.createElement("div", {
className: `${style.container} ${style[size]} ${className} ${!isFluid ? style.fluid : ''} ${style[palette]}`,
"data-id": dataId,
"data-test-id": dataId
}, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/React.createElement("div", {
tabIndex: "0",
className: `${style.title} ${titleClass}`
}, title) : null, description ? /*#__PURE__*/React.createElement("div", {
className: style.linkWrapper
}, /*#__PURE__*/React.createElement("span", {
className: `${style.desc} ${descriptionClass}`
}, description), !linkDescription && linkText ? /*#__PURE__*/React.createElement(Link, {
href: linkUrl,
className: style.link,
target: linkTarget,
onClick: onUrlClick,
dataId: `${dataId}_primarylink`
}, linkText) : null) : null, linkDescription || !description && !linkDescription && linkText ? /*#__PURE__*/React.createElement("div", {
className: style.linkDescWrapper
}, linkDescription ? /*#__PURE__*/React.createElement("span", {
className: `${style.linkDesc}`
}, linkDescription) : null, linkText ? /*#__PURE__*/React.createElement(Link, {
href: linkUrl,
className: style.link,
target: linkTarget,
onClick: onUrlClick,
dataId: `${dataId}_secondarylink`
}, linkText) : null) : null, children ? /*#__PURE__*/React.createElement("div", {
className: style.children
}, children) : null);
}
}
CommonEmptyState.propTypes = propTypes;
CommonEmptyState.defaultProps = defaultProps; // if (__DOCS__) {
// CommonEmptyState.docs = {
// componentGroup: 'EmptyState'
// };
// }