import { a as a$1 } from './chunk-BZFPT54B.js';
import { a } from './chunk-TWGPE4V7.js';
import { cx } from '@onbeam/styled-system/css';
import { CloseIcon } from '@onbeam/icons';
import { notification, noiseBackground, gridBackground } from '@onbeam/styled-system/recipes';
import { jsx, jsxs } from 'react/jsx-runtime';

var m=a(({as:f="div",icon:t,title:n,description:a,onClose:s,className:N,children:d,...l},v)=>{let o=notification();return jsx(f,{ref:v,className:cx(noiseBackground(),o.root,N),...l,children:jsxs("div",{className:cx(gridBackground(),o.inner),children:[t&&jsx(a$1,{size:24,children:t}),jsxs("div",{className:o.content,children:[n&&jsx("span",{className:o.title,children:n}),a&&jsx("span",{className:o.description,children:a}),d]}),s&&jsx("button",{type:"button",className:o.close,onClick:s,children:jsx(CloseIcon,{height:16,width:16})})]})})});m.displayName="Notification";

export { m as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-HQAXEVP5.js.map