import{jsx as r}from"react/jsx-runtime";import{useRef as t}from"react";import e from"classnames";import s from"../../Tooltip/Tooltip.js";import i from"../../../hooks/useIsOverflowing.js";import"./AlertBannerText.scss.js";import{HideShowEvent as n}from"../../../constants/dialog.js";var o=[n.MOUSE_ENTER],a=[n.MOUSE_LEAVE],l=function(n){var l=n.text,m=n.marginLeft,c=void 0!==m&&m,f=t(null),p=e("l3-style-alert-banner-text",{"l3-style-alert-banner-text-margin-left":c}),g=i({ref:f});return r(s,Object.assign({position:s.positions.BOTTOM,content:g&&l,showTrigger:o,hideTrigger:a},{children:r("div",Object.assign({ref:f,className:p},{children:r("span",{children:l})}))}))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});var m=l;export{m as default};
