@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
47 lines • 1.29 kB
JavaScript
import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
import { Icon } from '@zohodesk/icons';
import style from "../../../avatar/AvatarClose/AvatarClose.module.css";
export default function AvatarClose(props) {
let {
title,
src,
name,
size,
isClose,
onClick,
customProps,
dataSelectorId,
dataId
} = props;
let {
AvatarCloseProps = {},
AvatarProps = {}
} = customProps;
return /*#__PURE__*/React.createElement("div", {
className: style.container,
"data-selector-id": dataSelectorId,
"data-id": dataId,
"data-test-id": dataId,
...AvatarCloseProps
}, /*#__PURE__*/React.createElement(Avatar, {
src: src,
name: name,
title: title,
size: size,
...AvatarProps
}), isClose && /*#__PURE__*/React.createElement("span", {
className: style.pop,
onClick: onClick,
"data-id": `${dataId}_close`,
"data-test-id": `${dataId}_close`
}, /*#__PURE__*/React.createElement("span", {
className: style.icon
}, /*#__PURE__*/React.createElement(Icon, {
name: "ZD-plus"
}))));
}
AvatarClose.propTypes = propTypes;
AvatarClose.defaultProps = defaultProps;