@pagamio/frontend-commons-lib
Version:
Pagamio library for Frontend reusable components like the form engine and table container
10 lines (9 loc) • 1.24 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Modal } from 'flowbite-react';
import { useLibTranslations } from '../../translations';
import { Button } from '../ui';
const SessionExpiryModal = ({ show, countdown, loading, onDismiss, onRenew }) => {
const { tLib } = useLibTranslations();
return (_jsxs(Modal, { show: show, onClose: onDismiss, children: [_jsx(Modal.Header, { children: tLib('sessionExpiryModal.title', 'Session about to expire due to inactivity') }), _jsx(Modal.Body, { children: _jsx("div", { className: "space-y-6 p-6", children: _jsx("p", { className: "text-base leading-relaxed text-gray-500 dark:text-gray-400", children: tLib('sessionExpiryModal.message', `Your session will end in ${countdown} seconds and you will be automatically logged out.`) }) }) }), _jsx(Modal.Footer, { children: _jsxs("div", { className: "flex w-full justify-end space-x-2", children: [_jsx(Button, { onClick: onDismiss, variant: "outline", disabled: loading, children: tLib('sessionExpiryModal.dismiss', 'Log Out') }), _jsx(Button, { onClick: onRenew, variant: "primary", disabled: loading, children: tLib('sessionExpiryModal.renew', 'Stay logged in') })] }) })] }));
};
export default SessionExpiryModal;