@accelint/design-toolkit/dist/components/notice/index.js

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

'use client';

import {jsx,jsxs}from'react/jsx-runtime';import {Cancel}from'@accelint/icons';import'client-only';import {UNSTABLE_Toast,UNSTABLE_ToastContent,Text}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {NoticeIcon}from'./notice-icon.js';import {NoticeStyles}from'./styles.js';const{notice:S,content:x,actions:E,message:L}=NoticeStyles(),c={normal:"mono-bold",advisory:"mono-bold",info:"mono-bold",serious:"serious",critical:"critical"};function q({id:f,classNames:n,color:t="info",message:m,primary:r,secondary:s,hideIcon:N,showClose:u,shouldCloseOnAction:p,size:i="medium",onPrimaryAction:d,onSecondaryAction:T,onClose:e}){return jsx(UNSTABLE_Toast,{className:S({className:n?.notice}),toast:{key:f,content:m,onClose:e},"data-color":t,"data-size":i,children:jsxs(UNSTABLE_ToastContent,{className:x({className:n?.content}),children:[!N&&i==="medium"&&jsx(NoticeIcon,{color:t,size:i}),jsx(Text,{slot:"description",className:L({className:n?.message}),children:m}),(r||s)&&jsxs("div",{className:E({className:n?.actions}),children:[r&&jsx(Button,{color:c[t],variant:"filled",...r,size:i,onPress:()=>{d?.(),p&&e?.();}}),s&&jsx(Button,{color:c[t],variant:"outline",...s,size:i,onPress:()=>{T?.(),p&&e?.();}})]}),u&&jsx(Button,{color:c[t],variant:"icon",onPress:e,children:jsx(Icon,{children:jsx(Cancel,{})})})]})})}export{q as Notice};//# sourceMappingURL=index.js.map
//# sourceMappingURL=index.js.map