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

exports.a = f;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-POB3QXRX.cjs.map