/**
 * 智能跟单模式选择初始化页
 * 首次进入智能跟单时展示，引导用户选择「通用智能模式」或「数字员工模式」
 */
import $i18n from '../../../../../../locales/i18n.js';
import classNames from 'classnames';
import React from 'react';
import './init-page-view.scss';
/** 智能跟单模式选择卡片 */
export const SmartFollowModeCard = (props) => {
    const { title, description, previewContent, onClick, className } = props;
    return (React.createElement("div", { role: "button", tabIndex: 0, className: classNames('smart-follow-mode-card', className), onClick: onClick, onKeyDown: (e) => {
            if (e.key === 'Enter' || e.key === ' ') {
                e.preventDefault();
                onClick === null || onClick === void 0 ? void 0 : onClick();
            }
        } },
        React.createElement("div", { className: "smart-follow-mode-card__preview" }, previewContent),
        React.createElement("div", { className: "smart-follow-mode-card__body" },
            React.createElement("div", { className: "smart-follow-mode-card__title" }, title),
            React.createElement("div", { className: "smart-follow-mode-card__desc" }, description))));
};
SmartFollowModeCard.displayName = 'SmartFollowModeCard';
/** 智能跟单模式选择初始化页 */
export const InitPageView = (props) => {
    const { onSelectMode, className } = props;
    const handleSelectGeneral = () => onSelectMode === null || onSelectMode === void 0 ? void 0 : onSelectMode('general');
    const handleSelectDigital = () => onSelectMode === null || onSelectMode === void 0 ? void 0 : onSelectMode('digitalEmployee');
    return (React.createElement("div", { className: classNames('init-page-view', className) },
        React.createElement("div", { className: "init-page-view__content" },
            React.createElement("span", { className: "init-page-view__title" },
                $i18n.get({ id: 'FirstOfAll', dm: '首先,' }),
                React.createElement("span", { className: "init-page-view__title-bold" }, $i18n.get({ id: 'ChooseYourSmartDocumentaryMode', dm: '选择您的智能跟单模式' }))),
            React.createElement("div", { className: "init-page-view__cards" },
                React.createElement(SmartFollowModeCard, { title: $i18n.get({ id: 'GeneralSmartMode', dm: '通用智能模式' }), description: $i18n.get({
                        id: 'LetTheGeneralIntelligenceAnalyze_759199443',
                        dm: '让通用智能体分析单据数据,识别潜在问题遇风险,辅助跟单,您也可以自定义业务化的需求',
                    }), previewContent: React.createElement("div", { className: "smart-follow-mode-card__preview-slot smart-follow-mode-card__preview-slot--general" }), onClick: handleSelectGeneral }),
                React.createElement(SmartFollowModeCard, { title: $i18n.get({
                        id: 'DigitalEmployeeModelUnderConstru_177646633',
                        dm: '数字员工模式（建设中）',
                    }), description: $i18n.get({
                        id: 'TogetherWithYourTeamAndBusinessP_1699857682',
                        dm: '与您的团队及业务一起,准备好数字员工,开始全新的跟单体验',
                    }), previewContent: React.createElement("div", { className: "smart-follow-mode-card__preview-slot smart-follow-mode-card__preview-slot--digital" }) })))));
};
InitPageView.displayName = 'InitPageView';
export default InitPageView;
