'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var index = require('./index-293bcbe3.js');
var TsButton = require('./TsButton.js');
var headerText = require('./headerText-2eeecf55.js');
require('./_commonjsHelpers-b3309d7b.js');
require('http');
require('https');
require('stream');
require('assert');
require('tty');
require('util');
require('os');
require('has-flag');
require('zlib');
require('form-data');

var script = {
    components: {
        TsButton: TsButton["default"],
        TsHeaderText: headerText.script,
    },
    props: {},
    name: "TsPaymentMethod",
    setup() {
        vue.onMounted(() => {
            index.Logic.payments.wallet.InitiatePaymentMethod();
        });
    },
};

const _hoisted_1 = ["onClick"];
const _hoisted_2 = /*#__PURE__*/vue.createTextVNode(" Add Payment Method ");
const _hoisted_3 = { class: "w-full flex flex-col py-3 mdlg:!px-3 px-0 space-y-2" };
const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("div", {
  id: "payment-container",
  class: "!w-full"
}, null, -1 /* HOISTED */);
const _hoisted_5 = { class: "w-full flex flex-row items-center justify-center" };
const _hoisted_6 = /*#__PURE__*/vue.createTextVNode(" Add ");

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ts_header_text = vue.resolveComponent("ts-header-text");
  const _component_ts_button = vue.resolveComponent("ts-button");

  return (vue.openBlock(), vue.createElementBlock("div", {
    class: "rounded shadow-md bg-white md:!py-5 md:!px-5 space-y-2 lg:!text-sm mdlg:!text-[12px] text-xs py-3 pb-4 px-4 flex flex-col lg:!w-[30%] mdlg:!w-[37%] md:!w-[50%] w-full",
    onClick: vue.withModifiers($event => (true), ["stop"])
  }, [
    vue.createVNode(_component_ts_header_text, {
      size: 'lg',
      customClass: ' w-full text-center'
    }, {
      default: vue.withCtx(() => [
        _hoisted_2
      ]),
      _: 1 /* STABLE */
    }),
    vue.createElementVNode("div", _hoisted_3, [
      _hoisted_4,
      vue.createElementVNode("div", _hoisted_5, [
        vue.createVNode(_component_ts_button, {
          id: "submit-button",
          padding: 'py-2 px-6'
        }, {
          default: vue.withCtx(() => [
            _hoisted_6
          ]),
          _: 1 /* STABLE */
        })
      ])
    ])
  ], 8 /* PROPS */, _hoisted_1))
}

script.render = render;
script.__file = "src/components/TsPaymentMethod/index.vue";

exports["default"] = script;
