'use strict';

var chunkUZHQMTYC_cjs = require('./chunk-UZHQMTYC.cjs');
var chunk5XB54L7P_cjs = require('./chunk-5XB54L7P.cjs');
var css = require('@onbeam/styled-system/css');
var icons = require('@onbeam/icons');
var recipes = require('@onbeam/styled-system/recipes');
var jsxRuntime = require('react/jsx-runtime');

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

exports.a = m;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-MWPJRLVU.cjs.map