UNPKG

@rocket.chat/fuselage-toastbar

Version:
15 lines 964 B
import { jsxs as _jsxs } from "react/jsx-runtime"; import { ToastBar } from '@rocket.chat/fuselage'; import { useCountdown } from 'react-timing-hooks'; import { useToastBarDismiss } from './ToastBarContext'; var ToastBarTimed = function (_a) { var time = _a.time, type = _a.type, id = _a.id, message = _a.message, title = _a.title; var dismissToastMessage = useToastBarDismiss(); var _b = useCountdown(time, 0, { onEnd: function () { return dismissToastMessage(id); }, startOnMount: true, }), _c = _b[1], isPaused = _c.isPaused, pause = _c.pause, resume = _c.resume; return (_jsxs(ToastBar, { variant: type, onPointerEnter: function () { return pause(); }, onPointerLeave: function () { return resume(); }, onClose: dismissToastMessage, id: id, time: time, isPaused: isPaused, children: [title, message instanceof Error ? String(message) : message] })); }; export default ToastBarTimed; //# sourceMappingURL=ToastBarTimed.js.map