import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import React, { Component } from 'react';
import style from "../../index.module.scss";
import Tpl3 from "./tpl3";
import Tpl4 from "./tpl4";
// import Tpl5 from './tpl5';
// import Tpl6 from './tpl6';
import Tpls07 from "./tpls07";
import Tpls12 from "./tpls12";
import Tpls18 from "./tpls18";
import Tpls23 from "./tpls23";
import Tpls28 from "./tpls28";
import Tpls33 from "./tpls33";

// 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 guestIntroduction = /*#__PURE__*/function (_Component) {
  _inheritsLoose(guestIntroduction, _Component);
  function guestIntroduction() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = guestIntroduction.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(Tpls33, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls28, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls23, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls18, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpl4, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpl3, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls07, null)), /*#__PURE__*/React.createElement("div", {
      className: style['dialog-left-tab-item'],
      onClick: function onClick(ev) {
        return handleClick(ev);
      }
    }, /*#__PURE__*/React.createElement(Tpls12, null)));
  };
  return guestIntroduction;
}(Component);
export { guestIntroduction as default };