@rocket.chat/onboarding-ui
Version:
Set of components and functions for the onboarding experience on Rocket.Chat
12 lines • 1.18 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Margins } from '@rocket.chat/fuselage';
import { BackgroundLayer, LayoutLogo } from '@rocket.chat/layout';
import { Trans, useTranslation } from 'react-i18next';
import EmailCodeFallback from '../../common/EmailCodeFallback';
var LoginLinkEmailPage = function (_a) {
var onResendEmailRequest = _a.onResendEmailRequest, onChangeEmailRequest = _a.onChangeEmailRequest;
var t = useTranslation().t;
return (_jsx(BackgroundLayer, { children: _jsx(Box, { display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', width: '100%', maxWidth: 800, paddingBlock: 32, paddingInline: 16, children: _jsxs(Margins, { blockEnd: 32, children: [_jsx(LayoutLogo, {}), _jsx(Box, { fontScale: 'hero', width: '100%', children: t('page.magicLinkEmail.title') }), _jsx(Box, { fontScale: 'p1', maxWidth: 570, children: _jsx(Trans, { i18nKey: 'page.magicLinkEmail.subtitle' }) }), _jsx(EmailCodeFallback, { onResendEmailRequest: onResendEmailRequest, onChangeEmailRequest: onChangeEmailRequest })] }) }) }));
};
export default LoginLinkEmailPage;
//# sourceMappingURL=LoginLinkEmailPage.js.map