@alauda/doom
Version:
Doctor Doom making docs.
13 lines (12 loc) • 1.18 kB
JavaScript
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { clsx } from 'clsx';
import { LoginForm } from "../../../../login/LoginForm/index.js";
import { getCloudOrigin, isIoSite } from "../../../../login/utils.js";
import { X } from "../../../../runtime/components/_X.js";
import AssistantIcon from '@alauda/doom/assets/assistant.svg?react';
import { useTranslation } from '@alauda/doom/runtime';
import classes from '@alauda/doom/styles/preamble.module.scss';
export const Preamble = ({ loggedIn }) => {
const t = useTranslation();
return (_jsxs("div", { className: clsx(classes.preamble, loggedIn && classes.loggedIn), children: [_jsx(AssistantIcon, { width: 48, height: 40 }), _jsx("div", { className: classes.title, children: t(loggedIn ? 'hi_there' : 'user_login') }), _jsx("div", { className: `rp-doc ${classes.content}`, children: loggedIn ? (t('ai_assistant_tip')) : (_jsxs(_Fragment, { children: [t('user_login_tip1'), _jsx(X.a, { href: getCloudOrigin(), children: t(`customer_portal_${isIoSite() ? 'global' : 'china'}`) }), t('user_login_tip2')] })) }), loggedIn || _jsx(LoginForm, { className: classes.form })] }));
};