'use strict';

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

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

var script = vue.defineComponent({
    components: {
        TsHeaderText: headerText.script,
        TsNormalText: normalText.script,
        TsButton: TsButton["default"],
    },
    props: {
        avatarSize: {
            type: String,
            default: "h-[40px]",
        },
        avatarUrl: {
            type: String,
            required: true,
        },
        customClass: {
            type: String,
            default: "",
        },
        ctaUrl: {
            type: String,
            default: "",
        },
    },
    name: "TsEmptyState",
});

const _hoisted_1 = ["src"];

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");
  const _component_ts_button = vue.resolveComponent("ts-button");
  const _component_router_link = vue.resolveComponent("router-link");

  return (vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(`w-full col-span-full flex flex-col space-y-2 items-center justify-center ${_ctx.customClass} `)
  }, [
    vue.createElementVNode("img", {
      src: _ctx.avatarUrl,
      class: vue.normalizeClass(_ctx.avatarSize)
    }, null, 10 /* CLASS, PROPS */, _hoisted_1),
    vue.createVNode(_component_ts_header_text, null, {
      default: vue.withCtx(() => [
        vue.renderSlot(_ctx.$slots, "title")
      ]),
      _: 3 /* FORWARDED */
    }),
    vue.createVNode(_component_ts_normal_text, {
      color: 'text-paragraphTextLight',
      customClass: 'px-3'
    }, {
      default: vue.withCtx(() => [
        vue.renderSlot(_ctx.$slots, "subtext")
      ]),
      _: 3 /* FORWARDED */
    }),
    vue.createVNode(_component_router_link, { to: _ctx.ctaUrl }, {
      default: vue.withCtx(() => [
        vue.createVNode(_component_ts_button, {
          customClass: 'border-[1px] border-paragraphTextLight',
          bgColor: 'bg-white',
          textColor: 'text-paragraphTextLight'
        }, {
          default: vue.withCtx(() => [
            vue.renderSlot(_ctx.$slots, "cta-text")
          ]),
          _: 3 /* FORWARDED */
        })
      ]),
      _: 3 /* FORWARDED */
    }, 8 /* PROPS */, ["to"])
  ], 2 /* CLASS */))
}

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

exports["default"] = script;
