'use strict';

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

var vue = require('vue');
var headerText = require('./headerText-2eeecf55.js');
var paragraphText = require('./paragraphText-6f209f78.js');
var TsIcon = require('./TsIcon.js');
var TsAvatar = require('./TsAvatar.js');
var normalText = require('./normalText-7b937f11.js');
require('./TsImageLoader.js');

var script = vue.defineComponent({
    components: {
        TsHeaderText: headerText.script,
        TsParagraphText: paragraphText.script,
        TsIcon: TsIcon["default"],
        TsAvatar: TsAvatar["default"],
        TsNormalText: normalText.script,
    },
    props: {
        bgColor: {
            type: String,
            default: "bg-primaryPurple",
        },
        textColor: {
            type: String,
            default: "text-white",
        },
        customClass: {
            type: String,
            default: "",
        },
        padding: {
            type: String,
            default: "py-2 px-4 ",
        },
        data: {
            type: Object,
        },
    },
    name: "TsSessionInfo",
});

const _hoisted_1 = {
  key: 0,
  class: "w-full flex flex-col justify-start items-start space-y-3 pt-2 mdlg:!px-5 mdlg:!py-5 py-3 px-3 border-[1px] rounded"
};
const _hoisted_2 = { class: "w-full flex flex-col space-y-2 items-start" };
const _hoisted_3 = { class: "w-full flex flex-row items-center space-x-2 justify-start pt-3" };
const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("span", {
  class: /*#__PURE__*/vue.normalizeClass(`h-[4px] w-[4px] bg-paragraphText rounded-full`)
}, null, -1 /* HOISTED */);
const _hoisted_5 = /*#__PURE__*/vue.createTextVNode(" Private Session ");
const _hoisted_6 = { class: "w-full flex flex-row items-center space-x-2 justify-start" };
const _hoisted_7 = /*#__PURE__*/vue.createElementVNode("span", {
  class: /*#__PURE__*/vue.normalizeClass(`h-[4px] w-[4px] bg-paragraphText rounded-full`)
}, null, -1 /* HOISTED */);
const _hoisted_8 = /*#__PURE__*/vue.createTextVNode(" 11am - 12pm ");
const _hoisted_9 = { class: "w-full flex flex-row items-center space-x-2 justify-start" };
const _hoisted_10 = { class: "w-full flex flex-row items-center space-x-2 justify-start" };
const _hoisted_11 = { class: "w-full flex flex-row items-center space-x-2 justify-start" };

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

  return (_ctx.data)
    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createElementVNode("div", _hoisted_2, [
          vue.createVNode(_component_ts_header_text, { size: 'base' }, {
            default: vue.withCtx(() => [
              vue.createTextVNode(vue.toDisplayString(_ctx.data.topic), 1 /* TEXT */)
            ]),
            _: 1 /* STABLE */
          }),
          vue.createVNode(_component_ts_paragraph_text, { customClass: 'text-left' }, {
            default: vue.withCtx(() => [
              vue.createTextVNode(vue.toDisplayString(_ctx.data.description), 1 /* TEXT */)
            ]),
            _: 1 /* STABLE */
          })
        ]),
        vue.createElementVNode("div", _hoisted_3, [
          vue.createVNode(_component_ts_icon, {
            name: 'tutors_active',
            customClass: 'h-[16px]'
          }),
          vue.createVNode(_component_ts_paragraph_text, null, {
            default: vue.withCtx(() => [
              vue.renderSlot(_ctx.$slots, "subject")
            ]),
            _: 3 /* FORWARDED */
          }),
          _hoisted_4,
          vue.createVNode(_component_ts_paragraph_text, null, {
            default: vue.withCtx(() => [
              _hoisted_5
            ]),
            _: 1 /* STABLE */
          })
        ]),
        vue.createElementVNode("div", _hoisted_6, [
          vue.createVNode(_component_ts_icon, {
            name: 'calender',
            customClass: 'h-[18px]'
          }),
          vue.createVNode(_component_ts_paragraph_text, null, {
            default: vue.withCtx(() => [
              vue.renderSlot(_ctx.$slots, "date")
            ]),
            _: 3 /* FORWARDED */
          }),
          _hoisted_7,
          vue.createVNode(_component_ts_paragraph_text, null, {
            default: vue.withCtx(() => [
              _hoisted_8,
              vue.renderSlot(_ctx.$slots, "time-from-to")
            ]),
            _: 3 /* FORWARDED */
          })
        ]),
        vue.createElementVNode("div", _hoisted_9, [
          vue.createVNode(_component_ts_icon, {
            name: 'attachment',
            customClass: 'h-[12px]'
          }),
          vue.createVNode(_component_ts_paragraph_text, null, {
            default: vue.withCtx(() => [
              vue.createTextVNode(vue.toDisplayString(_ctx.data.attachments.length) + " attachments ", 1 /* TEXT */)
            ]),
            _: 1 /* STABLE */
          })
        ]),
        vue.createElementVNode("div", _hoisted_10, [
          vue.createVNode(_component_ts_avatar, {
            size: "20",
            photoUrl: _ctx.data.tutor.bio.photo?.link || ''
          }, null, 8 /* PROPS */, ["photoUrl"]),
          vue.createVNode(_component_ts_paragraph_text, null, {
            default: vue.withCtx(() => [
              vue.createTextVNode(vue.toDisplayString(_ctx.data.tutor.bio.name.full), 1 /* TEXT */)
            ]),
            _: 1 /* STABLE */
          })
        ]),
        vue.createElementVNode("div", _hoisted_11, [
          vue.createVNode(_component_ts_icon, {
            name: 'money-green',
            customClass: 'h-[16px]'
          }),
          vue.createVNode(_component_ts_normal_text, { color: 'text-primaryGreen' }, {
            default: vue.withCtx(() => [
              vue.createTextVNode(" $" + vue.toDisplayString(_ctx.data.price), 1 /* TEXT */)
            ]),
            _: 1 /* STABLE */
          })
        ]),
        vue.renderSlot(_ctx.$slots, "extras")
      ]))
    : vue.createCommentVNode("v-if", true)
}

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

exports["default"] = script;
