'use strict';

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

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

var script = {
    components: {
        TsHeaderText: headerText.script,
        TsNormalText: normalText.script,
    },
    props: {
        bgColor: {
            type: String,
            default: "bg-primaryPurple",
        },
        color: {
            type: String,
            default: "text-white",
        },
        customClass: {
            type: String,
            default: "",
        },
    },
    name: "TsInfoCard",
};

const _hoisted_1 = { class: "flex flex-col space-y-1 items-start" };

function render(_ctx, _cache, $props, $setup, $data, $options) {
  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(` border-[1px] border-gray-200 ${$props.customClass} w-full col-span-full py-3 px-3 mdlg:!px-5 mdlg:!py-5 ${$props.bgColor} rounded flex justify-between flex-row items-center`)
  }, [
    vue.createElementVNode("div", _hoisted_1, [
      vue.createVNode(_component_ts_header_text, {
        size: 'xl',
        color: `${$props.color}`
      }, {
        default: vue.withCtx(() => [
          vue.renderSlot(_ctx.$slots, "header")
        ]),
        _: 3 /* FORWARDED */
      }, 8 /* PROPS */, ["color"]),
      vue.createVNode(_component_ts_normal_text, {
        color: `${$props.color}`
      }, {
        default: vue.withCtx(() => [
          vue.renderSlot(_ctx.$slots, "sub-header")
        ]),
        _: 3 /* FORWARDED */
      }, 8 /* PROPS */, ["color"])
    ]),
    vue.createElementVNode("div", null, [
      vue.renderSlot(_ctx.$slots, "extra")
    ])
  ], 2 /* CLASS */))
}

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

exports["default"] = script;
