'use strict';

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

var vue = require('vue');
var TsIcon = require('./TsIcon.js');
var headerText = require('./headerText-2eeecf55.js');
var normalText = require('./normalText-7b937f11.js');

var script = vue.defineComponent({
    components: {
        TsIcon: TsIcon["default"],
        TsHeaderText: headerText.script,
        TsNormalText: normalText.script,
    },
    props: {
        bgColor: {
            type: String,
            default: "bg-primaryPurple",
        },
        customClass: {
            type: String,
            default: "w-full mt-4 col-span-full",
        },
    },
    name: "TsCalendar",
});

const _hoisted_1 = { class: "flex flex-row items-center justify-between px-4" };
const _hoisted_2 = /*#__PURE__*/vue.createTextVNode(" June ");
const _hoisted_3 = { class: "w-full flex flex-row items-center flex-wrap pt-2" };
const _hoisted_4 = /*#__PURE__*/vue.createTextVNode(" M ");
const _hoisted_5 = /*#__PURE__*/vue.createTextVNode(" T ");
const _hoisted_6 = /*#__PURE__*/vue.createTextVNode(" W ");
const _hoisted_7 = /*#__PURE__*/vue.createTextVNode(" T ");
const _hoisted_8 = /*#__PURE__*/vue.createTextVNode(" F ");
const _hoisted_9 = /*#__PURE__*/vue.createTextVNode(" S ");
const _hoisted_10 = /*#__PURE__*/vue.createTextVNode(" S ");
const _hoisted_11 = { class: "w-full flex flex-row items-center flex-wrap" };

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");

  return (vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(`py-4 px-2 flex flex-col space-y-2 border-[1px] border-gray-200 rounded ${_ctx.customClass}`)
  }, [
    vue.createElementVNode("div", _hoisted_1, [
      vue.createVNode(_component_ts_icon, {
        name: "chevron-left",
        "custom-class": "h-[14px]"
      }),
      vue.createVNode(_component_ts_header_text, { size: "lg" }, {
        default: vue.withCtx(() => [
          _hoisted_2
        ]),
        _: 1 /* STABLE */
      }),
      vue.createVNode(_component_ts_icon, {
        name: "chevron-right",
        "custom-class": "h-[14px]"
      })
    ]),
    vue.createElementVNode("div", _hoisted_3, [
      vue.createVNode(_component_ts_header_text, {
        size: "base",
        "custom-class": " w-[14.2857142857%]"
      }, {
        default: vue.withCtx(() => [
          _hoisted_4
        ]),
        _: 1 /* STABLE */
      }),
      vue.createVNode(_component_ts_header_text, {
        size: "base",
        "custom-class": " w-[14.2857142857%]"
      }, {
        default: vue.withCtx(() => [
          _hoisted_5
        ]),
        _: 1 /* STABLE */
      }),
      vue.createVNode(_component_ts_header_text, {
        size: "base",
        "custom-class": " w-[14.2857142857%]"
      }, {
        default: vue.withCtx(() => [
          _hoisted_6
        ]),
        _: 1 /* STABLE */
      }),
      vue.createVNode(_component_ts_header_text, {
        size: "base",
        "custom-class": " w-[14.2857142857%]"
      }, {
        default: vue.withCtx(() => [
          _hoisted_7
        ]),
        _: 1 /* STABLE */
      }),
      vue.createVNode(_component_ts_header_text, {
        size: "base",
        "custom-class": " w-[14.2857142857%]"
      }, {
        default: vue.withCtx(() => [
          _hoisted_8
        ]),
        _: 1 /* STABLE */
      }),
      vue.createVNode(_component_ts_header_text, {
        size: "base",
        "custom-class": " w-[14.2857142857%]"
      }, {
        default: vue.withCtx(() => [
          _hoisted_9
        ]),
        _: 1 /* STABLE */
      }),
      vue.createVNode(_component_ts_header_text, {
        size: "base",
        "custom-class": " w-[14.2857142857%]"
      }, {
        default: vue.withCtx(() => [
          _hoisted_10
        ]),
        _: 1 /* STABLE */
      })
    ]),
    vue.createElementVNode("div", _hoisted_11, [
      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList([...Array(31).keys()], (item, index) => {
        return (vue.openBlock(), vue.createBlock(_component_ts_normal_text, {
          size: "base",
          "custom-class": "py-[6px] px-[6px] flex flex-col items-center justify-center  w-[14.2857142857%]",
          key: index
        }, {
          default: vue.withCtx(() => [
            vue.createElementVNode("span", {
              class: vue.normalizeClass(`cursor-pointer hover:bg-fadedBackground flex flex-row items-center justify-center rounded w-[29px] h-[27px] ${
            index == 2 ? '!text-white bg-primaryPurple' : 'text-paragraphText'
          }
		${index == 4 ? ' bg-fadedBackground' : 'text-paragraphText'} ${
            index == 13 ? 'bg-fadedBackground' : 'text-paragraphText'
          }
		${index == 14 ? ' bg-fadedBackground' : 'text-paragraphText'}
		${index == 18 ? ' bg-fadedBackground' : 'text-paragraphText'}
		${index == 29 ? ' bg-fadedBackground' : 'text-paragraphText'}`)
            }, [
              vue.createElementVNode("span", null, vue.toDisplayString(item + 1), 1 /* TEXT */)
            ], 2 /* CLASS */)
          ]),
          _: 2 /* DYNAMIC */
        }, 1024 /* DYNAMIC_SLOTS */))
      }), 128 /* KEYED_FRAGMENT */))
    ])
  ], 2 /* CLASS */))
}

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

exports["default"] = script;
