import React from 'react';
import './index.less';
import { Icon, Dropdown, Menu } from 'antd';

function More(props) {
  const { menu = [], onClick } = props;
  return (
    <Dropdown
      overlay={
        <Menu onClick={key => onClick && onClick(key)}>
          {menu.map(item => {
            return <Menu.Item key={item.key}>{item.label}</Menu.Item>;
          })}
        </Menu>
      }
      trigger={['click']}
    >
      <div className="more">
        <Icon type="more" />
      </div>
    </Dropdown>
  );
}
export default More;