UNPKG

@trellixio/roaster-coffee

Version:
12 lines (11 loc) 597 B
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';