import React ,{ Component, Fragment } from 'react'

import { Menu } from 'antd';

import { MailOutlined } from '@ant-design/icons';

import logo from './logo.png'

import './style.css'

class AppHeader extends Component {

    render() {

        return (

            <Fragment>

                <img src={ logo } alt="logo图片" className="app-header-logo" />

                <Menu mode="horizontal" className="app-header-menu">

                    <Menu.Item key="mail" icon={<MailOutlined />}>

                        VOA慢速英语

                    </Menu.Item>

                    <Menu.Item key="mail1" icon={<MailOutlined />}>

                        VOA慢速英语

                    </Menu.Item>

                    <Menu.Item key="mail2" icon={<MailOutlined />}>

                        VOA慢速英语

                    </Menu.Item>

                    <Menu.Item key="mail3" icon={<MailOutlined />}>

                        VOA慢速英语

                    </Menu.Item>

                    <Menu.Item key="mail4" icon={<MailOutlined />}>

                        VOA慢速英语

                    </Menu.Item>

                    <Menu.Item key="mail5" icon={<MailOutlined />}>

                        VOA慢速英语

                    </Menu.Item>

                </Menu>

            </Fragment>

        )

    }

}

export default AppHeader