import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import React, { Component } from 'react';
import style from "../../index.module.scss";
// import Tpl1 from './tpl1';
// import Tpl3 from './tpl3';
import Tpl05 from "./tpl05";
import Tpls03 from "./tpls03";
import Tpls08 from "./tpls08";
import Tpls13 from "./tpls13";
import Tpls19 from "./tpls19";
import Tpls24 from "./tpls24";
import Tpls29 from "./tpls29";
import Tpls34 from "./tpls34";

// import Tpl6 from './tpl6';
// import Tpl7 from './tpl7';
// import Tpl8 from './tpl8';
// import Tpl9 from './tpl9';
// import Tpl10 from './tpl10';
// import Tpl11 from './tpl11';
// import Tpl12 from './tpl12';
// import Tpl13 from './tpl13';
// import Tpl14 from './tpl14';
// import Tpl15 from './tpl15';
// import Tpl16 from './tpl16';
// import Tpl17 from './tpl17';
// import Tpl18 from './tpl18';
// import Tpl19 from './tpl19';
// import Tpl20 from './tpl20';
// import Tpl21 from './tpl21';
// import Tpl22 from './tpl22';
// import Tpl23 from './tpl23';
// import Tpl24 from './tpl24';
// import Tpl25 from './tpl25';
// import Tpl26 from './tpl26';
// import Tpl27 from './tpl27';
// import Tpl28 from './tpl28';
// import Tpl12 from './tpl12';
// import Tpl13 from './tpl13';
var timeline = /*#__PURE__*/function (_Component) {
  _inheritsLoose(timeline, _Component);
  function timeline() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = timeline.prototype;
  _proto.render = function render() {
    var insetFn = this.props.insetFn;
    var handleClick = function handleClick(ev) {
      insetFn(ev.target.innerHTML);
    };
    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls34, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls29, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls24, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls19, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls08, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls03, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpl05, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls13, null)));
  };
  return timeline;
}(Component);
export { timeline as default };