@mmcodemark/fuselage-toastbar
Version:
Fuselage ToastBar component
17 lines • 753 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { ToastBar } from '@mmcodemark/fuselage';
import { useEffect } from 'react';
import { useToastBarDismiss } from './ToastBarContext';
var ToastBarTimed = function (_a) {
var time = _a.time, type = _a.type, id = _a.id, message = _a.message;
var dismissToastMessage = useToastBarDismiss();
useEffect(function () {
var timeOut = setTimeout(function () {
dismissToastMessage(id);
}, time * 1000);
return function () { return clearTimeout(timeOut); };
}, []);
return (_jsx(ToastBar, { variant: type, children: message, onClose: dismissToastMessage, id: id, time: time }));
};
export default ToastBarTimed;
//# sourceMappingURL=ToastBarTimed.js.map