'use strict';

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

var TsIcon = require('./TsIcon.js');
var vue = require('vue');

var script = {
    components: {
        TsIcon: TsIcon["default"],
    },
    props: {
        iconName: {
            type: String,
            required: true,
        },
        iconSize: {
            type: String,
            default: "h-[20px]",
        },
    },
    name: "TsIconCard",
};

const _hoisted_1 = { class: "flex w-full flex-col col-span-full space-y-2" };
const _hoisted_2 = { class: "flex w-full flex-row items-center justify-between cursor-pointer px-3 py-3 border-[1px] rounded" };
const _hoisted_3 = { class: "flex flex-row space-x-2 items-center" };

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ts_icon = vue.resolveComponent("ts-icon");

  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
    vue.createElementVNode("div", _hoisted_2, [
      vue.createElementVNode("div", _hoisted_3, [
        ($props.iconName)
          ? (vue.openBlock(), vue.createBlock(_component_ts_icon, {
              key: 0,
              name: $props.iconName,
              customClass: `${$props.iconSize}`
            }, null, 8 /* PROPS */, ["name", "customClass"]))
          : vue.createCommentVNode("v-if", true),
        vue.renderSlot(_ctx.$slots, "name")
      ]),
      vue.renderSlot(_ctx.$slots, "extra")
    ])
  ]))
}

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

exports["default"] = script;
