import React from 'react';
import 'styles/custom-component.less';
import { IBtn } from 'types/base-type';
import { Dropdown } from 'component/antd';

interface IMoreBtnsProps {
  btns: IBtn[];
  data: object;
}

export const MoreBtns = (props: IMoreBtnsProps) => {
  const { btns, data } = props;
  const btnsMenu = (
    <ul className="dropdown-menu">
      {btns.map((v, index) => (
        v.clickFunc ? <li key={index} onClick={() => v.clickFunc(data)} className="didi-theme">{v.label}</li>
        : <li key={index} className="didi-theme">{v.label}</li>
      ))}
    </ul>
  );
  return (
    <Dropdown
      key="2"
      overlay={btnsMenu}
      trigger={['click', 'hover']}
      placement="bottomLeft"
    >
      <span className="didi-theme ml-10">
        更多
      </span>
    </Dropdown>
  );
};