import React, { Component } from "react";
import { WeaRightMenu, WeaTop } from "ecCom";
import { Button } from "antd";
import { i18n } from "../../public/i18n";

class FeatureDefine extends Component {
  getTopMenuBtns = () => {
    return [
      <Button type="primary">新建</Button>,
      <Button type="ghost">修改</Button>
    ];
  };
  getDropMenuDatas = () => {
    return [
      {
        key: "add",
        icon: <i className="icon-search"/>,
        content: "新建"
      },
      {
        key: "edit",
        icon: <i className="icon-search"/>,
        content: "修改",
        onClick: key => alert(`点击了搜索 key = ${key}`)
      }
    ];
  };

  render() {
    return (
      <div style={{ height: "100%" }}>
        <WeaRightMenu
          ecId={`${this && this.props && this.props.ecId || ""}_WeaRightMenu@k6oc4u`}
          datas={[]}
          onClick={key => console.log(key)}
        >
          <WeaTop
            ecId={`${this && this.props && this.props.ecId || ""}_WeaTop@bj98s7`}
            title={i18n.label.personCardFun()}
            icon={<i className="icon-coms-hrm"/>}
            iconBgcolor="#217346"
            loading={true}
            buttons={this.getTopMenuBtns()}
            showDropIcon={true}
            dropMenuDatas={this.getDropMenuDatas()}
            onDropMenuClick={(e) => console.log(e)}
          />
        </WeaRightMenu>
      </div>
    );
  }
}

export default FeatureDefine;