'use strict';

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

var headerText = require('./headerText-2eeecf55.js');
var normalText = require('./normalText-7b937f11.js');
var TsIcon = require('./TsIcon.js');
var TsButton = require('./TsButton.js');
var index = require('./index-29304770.js');
var vue = require('vue');
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: {
        TsHeaderText: headerText.script,
        TsNormalText: normalText.script,
        TsIcon: TsIcon["default"],
        TsButton: TsButton["default"],
    },
    props: {
        close: Function,
        remainingQuestions: {
            type: Number,
            default: 0,
        },
    },
    name: "TsQuestionPrompt",
    setup() {
        return {
            Logic: index.Logic,
        };
    },
};

const _hoisted_1 = ["onClick"];
const _hoisted_2 = { class: "w-full flex flex-row items-center justify-center" };
const _hoisted_3 = /*#__PURE__*/vue.createTextVNode(" Question asked successfully ");
const _hoisted_4 = { class: "w-full flex flex-row items-center justify-center py-2 pt-1" };
const _hoisted_5 = /*#__PURE__*/vue.createTextVNode(" An expert tutor will answer with a video soon. ");
const _hoisted_6 = { class: "flex flex-row items-center justify-center rounded px-3 py-3 bg-[#ECEEF2] mt-2" };
const _hoisted_7 = /*#__PURE__*/vue.createTextVNode("You have ");
const _hoisted_8 = { class: "font-bold" };
const _hoisted_9 = /*#__PURE__*/vue.createTextVNode(" to ask");
const _hoisted_10 = { class: "w-full py-3 grid grid-cols-12 gap-2" };
const _hoisted_11 = /*#__PURE__*/vue.createTextVNode(" Got it ");

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

  return (vue.openBlock(), vue.createElementBlock("div", {
    onClick: vue.withModifiers($event => (true), ["stop"]),
    class: "rounded shadow-md bg-white md:!py-5 md:!px-5 py-3 pb-4 lg:!text-sm mdlg:!text-[12px] text-xs px-4 flex flex-col lg:!w-[30%] mdlg:!w-[37%] md:!w-[50%] w-full"
  }, [
    vue.createElementVNode("div", _hoisted_2, [
      vue.createVNode(_component_ts_icon, {
        name: "check-circle",
        customClass: "h-[40px]"
      })
    ]),
    vue.createVNode(_component_ts_header_text, {
      size: 'lg',
      customClass: ' w-full text-center pt-3'
    }, {
      default: vue.withCtx(() => [
        _hoisted_3
      ]),
      _: 1 /* STABLE */
    }),
    vue.createElementVNode("div", _hoisted_4, [
      vue.createVNode(_component_ts_normal_text, { customClass: "text-center" }, {
        default: vue.withCtx(() => [
          _hoisted_5
        ]),
        _: 1 /* STABLE */
      })
    ]),
    vue.createElementVNode("div", _hoisted_6, [
      vue.createElementVNode("span", null, [
        _hoisted_7,
        vue.createElementVNode("span", _hoisted_8, vue.toDisplayString($props.remainingQuestions) + " question" + vue.toDisplayString($props.remainingQuestions > 1 ? "s" : ""), 1 /* TEXT */),
        _hoisted_9
      ])
    ]),
    vue.createElementVNode("div", _hoisted_10, [
      vue.createVNode(_component_ts_button, {
        customClass: 'border-[1px] border-primaryPurple col-span-12',
        padding: 'px-4 py-3',
        onClick: _cache[0] || (_cache[0] = vue.withModifiers($event => ($props.close ? $props.close() : ''), ["stop"]))
      }, {
        default: vue.withCtx(() => [
          _hoisted_11
        ]),
        _: 1 /* STABLE */
      })
    ])
  ], 8 /* PROPS */, _hoisted_1))
}

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

exports["default"] = script;
