import{j as s}from"./client-By3tlFYA.js";import{u as d}from"./index-TEHZzOO_.js";import{c as f}from"./index-DkCxcZFY.js";import{L as b,I as _,S as p}from"./useSelectableClick-BzXvq5NU.js";const h=({title:i,message:c,action:a,onActionClick:o,onDismiss:n,isActive:r,isLoading:t,animateFrom:e="side"})=>{const l=d(),m=!!(a&&o);return s.jsxs("div",{className:f("notification-bar",{"notification-bar--active":r,"from-side":e==="side","from-below":e==="below"}),children:[s.jsxs("span",{className:"notification-bar__content",children:[!!i&&s.jsx("span",{className:"notification-bar__title",children:i}),c]}),m&&s.jsx("button",{className:"notification-bar__action",onClick:o,children:a}),t&&s.jsx("span",{className:"notification-bar__loading-indicator",children:s.jsx(b,{})}),n&&!t&&s.jsx(_,{title:l.formatMessage({id:"dismissable_banner.dismiss",defaultMessage:"Dismiss"}),icon:"times",iconComponent:p,className:"notification-bar__dismiss-button",onClick:n})]})};export{h as A};
//# sourceMappingURL=index-DMpfltf9.js.map
