import { s as script$1 } from './headerText-0fd3adc1.mjs';
import { s as script$2 } from './normalText-66005fcf.mjs';
import script$3 from './TsIcon.mjs';
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, renderSlot } from 'vue';

var script = {
    components: {
        TsHeaderText: script$1,
        TsNormalText: script$2,
        TsIcon: script$3,
    },
    props: {
        bgColor: {
            type: String,
            default: "bg-primaryPurple",
        },
        customClass: {
            type: String,
            default: "col-span-4",
        },
    },
    name: "TsCtaCard",
};

const _hoisted_1 = { class: "flex flex-col space-y-2 items-start" };
const _hoisted_2 = { class: "flex flex-row items-center space-x-2" };

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

  return (openBlock(), createElementBlock("div", {
    class: normalizeClass(`mdlg:py-6 mdlg:px-6 px-4 py-4 flex flex-col space-y-2 rounded md:items-center items-start justify-center ${$props.bgColor} ${$props.customClass}`)
  }, [
    createElementVNode("div", _hoisted_1, [
      createElementVNode("span", _hoisted_2, [
        createVNode(_component_ts_header_text, {
          size: "base",
          color: "text-white"
        }, {
          default: withCtx(() => [
            renderSlot(_ctx.$slots, "header")
          ]),
          _: 3 /* FORWARDED */
        }),
        createVNode(_component_ts_icon, {
          name: "arrow-right",
          "custom-class": "h-[15px]"
        })
      ]),
      createVNode(_component_ts_normal_text, {
        size: "base",
        color: "text-white",
        "custom-class": "text-left leading-tight"
      }, {
        default: withCtx(() => [
          renderSlot(_ctx.$slots, "content")
        ]),
        _: 3 /* FORWARDED */
      })
    ])
  ], 2 /* CLASS */))
}

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

export { script as default };
