@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
60 lines • 1.81 kB
JavaScript
import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import Link from "../Link/Link";
import { Icon } from '@zohodesk/icons';
import { Container, Box } from '@zohodesk/components/es/v1/Layout';
import style from "../../MessageBanner/MessageBanner.module.css";
export default function MessageBanner(props) {
let {
type,
message,
onClose,
href,
onClick,
urlText,
palette,
customClass,
dataId,
dataSelectorId
} = props;
return /*#__PURE__*/React.createElement(Container, {
className: `${style[`type_${type}`]} ${style[`palette_${palette}`]} ${customClass}`,
alignBox: "row",
isCover: false,
dataId: dataId,
dataSelectorId: dataSelectorId
}, /*#__PURE__*/React.createElement(Box, {
className: style.content,
flexible: true
}, /*#__PURE__*/React.createElement(Container, {
alignBox: "row",
align: "both"
}, /*#__PURE__*/React.createElement(Box, {
className: style.message,
adjust: true,
shrink: true,
"data-title": message
}, message), href && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
href: href,
onClick: onClick,
className: style.link,
target: "_blank",
dataId: `${dataId}_link`
}, urlText)))), onClose ? /*#__PURE__*/React.createElement(Box, {
className: style.close,
onClick: onClose,
dataId: `${dataId}_close`
}, /*#__PURE__*/React.createElement(Container, {
align: "both"
}, /*#__PURE__*/React.createElement(Icon, {
name: "ZD-closee",
size: "35"
}))) : null);
}
MessageBanner.defaultProps = defaultProps;
MessageBanner.propTypes = propTypes; // if (__DOCS__) {
// MessageBanner.docs = {
// componentGroup: 'Atom'
// };
// }