@trellixio/roaster-coffee/esm/components/Toast/Toast.js

Beans' product component library

import * as React from 'react';
import { classNames } from '../../utils/classNames/index.js';
import '@floating-ui/react';
import { ButtonIcon } from '../ButtonIcon/ButtonIcon.js';

const Toast = React.forwardRef((props, ref) => {
  const { className, level, closable, message, onClose } = props;
  return /* @__PURE__ */ React.createElement("article", { ref, className: classNames("toast", { closable }, level, className) }, /* @__PURE__ */ React.createElement("p", null, message), /* @__PURE__ */ React.createElement(ButtonIcon, { onClick: onClose, variant: "close" }, /* @__PURE__ */ React.createElement("i", { className: "fa-regular fa-xmark" })));
});
Toast.displayName = "Toast";

export { Toast };
//# sourceMappingURL=Toast.js.map