@rocket.chat/fuselage-toastbar/dist/esm/ToastBarTimed.js

Fuselage ToastBar component

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const fuselage_1 = require("@rocket.chat/fuselage");
const react_timing_hooks_1 = require("react-timing-hooks");
const ToastBarContext_1 = require("./ToastBarContext");
const ToastBarTimed = ({ time, type, id, message, title, }) => {
    const dismissToastMessage = (0, ToastBarContext_1.useToastBarDismiss)();
    const [, { isPaused, pause, resume }] = (0, react_timing_hooks_1.useCountdown)(time, 0, {
        onEnd: () => dismissToastMessage(id),
        startOnMount: true,
    });
    return ((0, jsx_runtime_1.jsxs)(fuselage_1.ToastBar, { variant: type, onPointerEnter: () => pause(), onPointerLeave: () => resume(), onClose: dismissToastMessage, id: id, time: time, isPaused: isPaused, children: [title, message instanceof Error ? String(message) : message] }));
};
exports.default = ToastBarTimed;
//# sourceMappingURL=ToastBarTimed.js.map