monday-ui-react-core/dist/mocked_classnames_esm/src/components/Modal/ModalHeader/ModalHeader.js

Official monday.com UI resources for application development in React.js

import e from"react";import t from"classnames";import s from"../../IconButton/IconButton.js";import o from"../../Icon/Icons/components/CloseSmall.js";import i from"../../Icon/Icon.js";import{NOOP as a}from"../../../utils/function-utils.js";import{getTestId as n}from"../../../tests/testIds.js";import{ComponentDefaultTestId as c}from"../../../tests/constants.js";import m from"../../Text/Text.js";import r from"../../Heading/Heading.js";import l from"../../Flex/Flex.js";import d from"./ModalHeader.module.scss.js";var p=function(p){var f=p.title,u=p.children,j=p.titleClassName,E=p.description,N=void 0===E?"":E,x=p.descriptionClassName,L=p.icon,T=p.closeModal,g=void 0===T?a:T,v=p.iconSize,I=void 0===v?24:v,S=p.iconClassName,y=p.closeButtonAriaLabel,A=void 0===y?"close":y,M=p.id,k=p["data-testid"];return e.createElement("div",{className:t(d.container,p.className),"data-testid":k||n(c.MODAL_HEADER,M)},u||e.createElement(l,{align:l.align.START,gap:l.gaps.SMALL,className:j},L&&e.createElement(i,{className:t(d.icon,S),icon:L,iconType:i.type.SVG,iconSize:I,ignoreFocusStyle:!0,clickable:!1}),e.createElement(r,{id:M,maxLines:2},f)),N&&e.createElement(m,{type:m.types.TEXT2,maxLines:2,className:t(d.description,x)},N),e.createElement("div",{className:t(d.closeButton)},e.createElement(s,{key:"xxs",onClick:g,ariaLabel:A,icon:o,kind:s.kinds.TERTIARY,size:s.sizes.SMALL})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
//# sourceMappingURL=ModalHeader.js.map