import _Tab from "@alifd/next/es/tab";
import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import React, { Component } from 'react';
import style from "./index.module.scss";
import Tab1 from "./tpls/tab1";
import Tab2 from "./tpls/tab2";
import LongRitch from "./tpls/longRitch";
import BriefIntroduction from "./tpls/briefIntroduction";
import Activity from "./tpls/activity";
import Blue from "./tpls/blue";
import Purple from "./tpls/purple";
import Black from "./tpls/black";
import Red from "./tpls/red";
var EditorLeft = /*#__PURE__*/function (_Component) {
  _inheritsLoose(EditorLeft, _Component);
  function EditorLeft() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = EditorLeft.prototype;
  _proto.render = function render() {
    var tabs = [{
      tab: "红色系",
      key: 8,
      content: /*#__PURE__*/React.createElement(Red, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "黑色系",
      key: 7,
      content: /*#__PURE__*/React.createElement(Black, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "紫色系",
      key: 6,
      content: /*#__PURE__*/React.createElement(Purple, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "蓝色系",
      key: 5,
      content: /*#__PURE__*/React.createElement(Blue, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "推荐",
      key: 0,
      content: /*#__PURE__*/React.createElement(Tab1, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "基金理财",
      key: 1,
      content: /*#__PURE__*/React.createElement(Tab2, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "邀请函",
      key: 2,
      content: /*#__PURE__*/React.createElement(LongRitch, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "品牌介绍",
      key: 3,
      content: /*#__PURE__*/React.createElement(BriefIntroduction, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "活动",
      key: 4,
      content: /*#__PURE__*/React.createElement(Activity, {
        insetFn: this.props.insetContent
      })
    }];
    return /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left']
    }, /*#__PURE__*/React.createElement(_Tab, {
      triggerType: "click",
      excessMode: "dropdown"
    }, tabs.map(function (item) {
      return /*#__PURE__*/React.createElement(_Tab.Item, {
        key: item.key,
        title: item.tab
      }, /*#__PURE__*/React.createElement("div", {
        className: "dialog-left-item"
      }, /*#__PURE__*/React.createElement("div", {
        className: "dialog-left-body"
      }, item.content)));
    })));
  };
  return EditorLeft;
}(Component);
export { EditorLeft as default };