@rocket.chat/fuselage-toastbar
Version:
Fuselage ToastBar component
15 lines • 964 B
JavaScript
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