'use strict';

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

var paragraphText = require('./paragraphText-6f209f78.js');
var TsVideo = require('./TsVideo.js');
var vue = require('vue');
require('./TsIcon.js');
require('./_commonjsHelpers-b3309d7b.js');
require('./TsImageLoader.js');

var script = {
    components: {
        TsParagraphText: paragraphText.script,
        TsVideo: TsVideo["default"],
    },
    props: {
        bgColor: {
            type: String,
            default: "bg-primaryPurple",
        },
        data: {
            type: Object,
        },
        textColor: {
            type: String,
            default: "text-white",
        },
        customClass: {
            type: String,
            default: "",
        },
        padding: {
            type: String,
            default: "py-2 px-4 ",
        },
        status: {
            type: String,
            default: "answered",
        },
    },
    name: "TsQuestionCard",
};

const _hoisted_1 = {
  key: 0,
  class: "w-full col-span-full border-[1px] px-3 py-3 rounded cursor-pointer border-gray-200 flex flex-row items-center space-x-2"
};
const _hoisted_2 = { class: "flex flex-col space-y-1 w-full" };
const _hoisted_3 = { class: "flex flex-row justify-between w-full items-center" };
const _hoisted_4 = { class: "flex flex-row items-center space-x-2" };
const _hoisted_5 = /*#__PURE__*/vue.createElementVNode("span", { class: "h-[4px] w-[4px] bg-paragraphTextLight rounded-full" }, null, -1 /* HOISTED */);
const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("span", { class: "h-[4px] w-[4px] bg-paragraphTextLight rounded-full" }, null, -1 /* HOISTED */);

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ts_paragraph_text = vue.resolveComponent("ts-paragraph-text");
  const _component_ts_video = vue.resolveComponent("ts-video");

  return ($props.data)
    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createElementVNode("div", _hoisted_2, [
          vue.createElementVNode("div", _hoisted_3, [
            vue.createElementVNode("div", _hoisted_4, [
              vue.createVNode(_component_ts_paragraph_text, {
                faded: true,
                customClass: 'text-xs'
              }, {
                default: vue.withCtx(() => [
                  vue.renderSlot(_ctx.$slots, "subject")
                ]),
                _: 3 /* FORWARDED */
              }),
              _hoisted_5,
              vue.createVNode(_component_ts_paragraph_text, {
                faded: true,
                customClass: 'text-xs'
              }, {
                default: vue.withCtx(() => [
                  vue.renderSlot(_ctx.$slots, "past-time")
                ]),
                _: 3 /* FORWARDED */
              }),
              _hoisted_6,
              vue.createVNode(_component_ts_paragraph_text, {
                faded: true,
                customClass: 'text-xs capitalize'
              }, {
                default: vue.withCtx(() => [
                  vue.createTextVNode(vue.toDisplayString($props.status), 1 /* TEXT */)
                ]),
                _: 1 /* STABLE */
              })
            ]),
            vue.renderSlot(_ctx.$slots, "time")
          ]),
          vue.createVNode(_component_ts_paragraph_text, { customClass: 'text-left line-clamp-3' }, {
            default: vue.withCtx(() => [
              vue.renderSlot(_ctx.$slots, "content")
            ]),
            _: 3 /* FORWARDED */
          }),
          vue.renderSlot(_ctx.$slots, "extra")
        ]),
        ($props.status == 'answered')
          ? (vue.openBlock(), vue.createBlock(_component_ts_video, {
              key: 0,
              customClass: 'h-full w-[100px]'
            }))
          : vue.createCommentVNode("v-if", true)
      ]))
    : vue.createCommentVNode("v-if", true)
}

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

exports["default"] = script;
