import * as React from 'react';
import { Chat } from './DeepSeekChat';
import whiteLogo from "../icons/whiteLogo.png";
import jkxz from "../icons/jkxz.png";
import { useChatStore } from "../store";
import './deepSeek.scss';

const DeekSeek: React.FC = () => {
    const chatStore = useChatStore();

    React.useEffect(() => {
        chatStore.clearSessions();
    }, []);

    return (
        <div className='deekSeek'>
            <div className='deekSeek-header'>
                <div style={{ display: 'flex', alignItems: 'center', marginRight: 20 }}>
                    <img src={whiteLogo.src} style={{ width: 20, marginRight: 10 }} />
                    <div>
                        上海建科
                    </div>
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    问答广场
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    文档对比
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    报批报建
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    施工方案审查
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    OCR
                </div>
                <div style={{ marginRight: 20, color: '#98b4fa' }}>
                    后期扩展
                </div>
                <div style={{ color: '#98b4fa' }}>
                    行业趋势
                </div>
            </div>
            <div className='deekSeek-content'>
                <div className='deekSeek-content-title'>
                    <img src={jkxz.src} />
                </div>
                <div className='deekSeek-content-title2'>
                    智能问答助手
                </div>
                <div className='deekSeek-content-outer'>
                    <Chat />
                </div>
            </div>
        </div>
    );
};

export default DeekSeek;