@zohodesk/dot/es/v1/alert/AlertClose/AlertClose.js

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

/*** Libraries ***/
import React, { memo } from 'react';
import { propTypes } from "./props/propTypes";
import { Icon } from '@zohodesk/icons';
import { Container, Box } from '@zohodesk/components/es/v1/Layout';
import style from "../../../version2/AlertClose/AlertClose.module.css";

function AlertClose(props) {
  let {
    onClose,
    dataId,
    dataTitle,
    type,
    customClass
  } = 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;
const MemoizedAlertClose = /*#__PURE__*/memo(AlertClose);
MemoizedAlertClose.propTypes = propTypes;
MemoizedAlertClose.displayName = 'AlertClose';
export default MemoizedAlertClose; // if (__DOCS__) {
//   AlertClose.docs = {
//     componentGroup: 'AlertClose',
//     folderName: 'Alert'
//   };
// }