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 Title from "./tpls/title";
import ProductFeature from "./tpls/ProductFeature";
import Timeline from "./tpls/timeline";
import GuestIntroduction from "./tpls/guestIntroduction";
import Inform from "./tpls/inform";
import ProductsIntroduction from "./tpls/productsIntroduction";
import QrImg from "./tpls/qrImg";
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: 0,
      content: /*#__PURE__*/React.createElement(Tab1, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "通知",
      key: 8,
      content: /*#__PURE__*/React.createElement(Inform, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "商品介绍",
      key: 9,
      content: /*#__PURE__*/React.createElement(ProductsIntroduction, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "嘉宾介绍",
      key: 7,
      content: /*#__PURE__*/React.createElement(GuestIntroduction, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "产品特性",
      key: 5,
      content: /*#__PURE__*/React.createElement(ProductFeature, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "时间线",
      key: 6,
      content: /*#__PURE__*/React.createElement(Timeline, {
        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(Title, {
        insetFn: this.props.insetContent
      })
    }, {
      tab: "二维码",
      key: 10,
      content: /*#__PURE__*/React.createElement(QrImg, {
        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 };