@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
40 lines (39 loc) • 1.14 kB
JavaScript
/*** Libraries ***/
import React, { PureComponent } from 'react';
import { propTypes } from "./props/propTypes";
import { Icon } from '@zohodesk/icons';
import { Container, Box } from '@zohodesk/components/lib/Layout';
import style from "./AlertClose.module.css";
export default class AlertClose extends PureComponent {
render() {
let {
onClose,
dataId,
dataTitle,
type,
customClass
} = this.props;
return /*#__PURE__*/React.createElement(Container, {
className: `${style.close} ${type ? style[type] : ''} ${customClass ? customClass : ''}`,
"data-title": dataTitle,
onClick: onClose,
dataId: dataId,
align: "both",
isInline: true,
alignBox: "row",
isCover: false,
tabIndex: "0"
}, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Icon, {
name: "GC-cross",
isBold: true,
size: "12",
iconClass: style.closeIcon
})));
}
}
AlertClose.propTypes = propTypes; // if (__DOCS__) {
// AlertClose.docs = {
// componentGroup: 'AlertClose',
// folderName: 'Alert'
// };
// }