@trellixio/roaster-coffee
Version:
Beans' product component library
12 lines (11 loc) • 600 B
JavaScript
import * as React from 'react';
import { classNames } from '@/utils';
import { ButtonIcon } from '../ButtonIcon';
export const Toast = React.forwardRef((props, ref) => {
const { className, level, closable, message, onClose } = props;
return (React.createElement("article", { ref: ref, className: classNames('toast', { closable }, level, className) },
React.createElement("p", null, message),
React.createElement(ButtonIcon, { onClick: onClose, variant: "close" },
React.createElement("i", { className: "fa-regular fa-xmark" }))));
});
Toast.displayName = 'Toast';