import React from "react";
import "../../asstes/css/header.css";
import { Dropdown,Space } from "antd";
import learnNavIcon from "../../asstes/icon/learn_nav_icon.png";

const Study: React.FC = () => {
    const items = [
        {
            label: <a className="ant-dropdown-content-style" target="_blank" rel="noopener noreferrer" href="//edu.cocorobo.cn">
                前往教学平台
            </a>,
            key: "1",
        },
        {
            label: <a className="ant-dropdown-content-style" target="_blank" rel="noopener noreferrer" href="//xunlian.cocorobo.cn">
                前往训练平台
            </a>,
            key: "2",
        },
        {
            label: <a className="ant-dropdown-content-style" target="_blank" rel="noopener noreferrer" href="//biaoji.cocorobo.cn">
                标记平台
            </a>,
            key: "3",
        },
        {
            label: <a className="ant-dropdown-content-style" target="_blank" rel="noopener noreferrer" href="//aihub.cocorobo.cn/">
                原理
            </a>,
            key: "4",
        },
        {
            label: <a className="ant-dropdown-content-style" target="_blank" rel="noopener noreferrer" href="//aihub.cocorobo.cn/vision">
                视觉处理
            </a>,
            key: "5",
        },
        {
            label: <a className="ant-dropdown-content-style" target="_blank" rel="noopener noreferrer" href="//aihub.cocorobo.cn/speech">
                语音识别
            </a>,
            key: "6",
        },
        {
            label: <a className="ant-dropdown-content-style" target="_blank" rel="noopener noreferrer" href="//aihub.cocorobo.cn/text">
                文本分析
            </a>,
            key: "6",
        },
        {
            label: <a className="ant-dropdown-content-style" target="_blank" rel="noopener noreferrer" href="//aihub.cocorobo.cn/art">
                艺术
            </a>,
            key: "6",
        }
    ]
    return (
        <>
            <Dropdown menu={{ items }} trigger={["click"]} className="study-dropdown">
                <Space>
                    <div className="header-right-text">
                        <img src={learnNavIcon} alt="learn" style={{width:36}} className="header-right-icon" />
                        <span>文件</span>
                    </div>
                </Space>
            </Dropdown >
        </>
    );
};

export default Study;