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