@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
58 lines (56 loc) • 1.98 kB
JavaScript
import React, { Component } from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import EmptyCrmPotential from '@zohodesk/svg/es/emptystate/version3/EmptyCrmPotential';
import style from "./EditionPage.css";
export default class EditionPage extends Component {
constructor(props) {
super(props);
}
render() {
let {
title,
subtitle,
information,
dataId,
footerText,
onButtonClick,
butttonText,
children
} = this.props;
return /*#__PURE__*/React.createElement("div", {
className: style.editionContainer,
"data-id": dataId,
"data-test-id": dataId
}, /*#__PURE__*/React.createElement("div", {
className: style.svg
}, /*#__PURE__*/React.createElement(EmptyCrmPotential, null)), /*#__PURE__*/React.createElement("div", {
className: style.header
}, title), subtitle ? /*#__PURE__*/React.createElement("div", {
className: style.description
}, subtitle) : null, /*#__PURE__*/React.createElement("div", {
className: style.description
}, information ? `${information} ` : null, butttonText ? /*#__PURE__*/React.createElement("span", {
className: style.button,
"data-id": `${dataId}_button`,
"data-test-id": `${dataId}_button`,
onClick: onButtonClick
}, butttonText) : null), children ? /*#__PURE__*/React.createElement("div", {
className: style.content
}, children) : null, footerText ? /*#__PURE__*/React.createElement("div", {
"data-id": `${dataId}_footerText`,
"data-test-id": `${dataId}_footerText`,
className: style.footer
}, /*#__PURE__*/React.createElement("div", {
dangerouslySetInnerHTML: {
__html: footerText
}
})) : null);
}
}
EditionPage.defaultProps = defaultProps;
EditionPage.propTypes = propTypes; // if (__DOCS__) {
// EditionPage.docs = {
// componentGroup: 'EmptyState'
// };
// }