import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';

var script = {
    props: {
        bgColor: {
            type: String,
            default: "bg-primaryPurple",
        },
        textColor: {
            type: String,
            default: "text-white",
        },
        customClass: {
            type: String,
            default: "",
        },
        padding: {
            type: String,
            default: "py-2 px-4 ",
        },
        loading: {
            type: Boolean,
            default: false,
        },
    },
    name: "TsButton",
};

const _hoisted_1 = ["disabled"];

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createElementBlock("button", {
    class: normalizeClass(`focus:outline-none rounded ${$props.padding} ${$props.bgColor} ${$props.textColor} ${$props.customClass} ${
      $props.loading ? '!opacity-50' : ''
    }`),
    disabled: $props.loading
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 10 /* CLASS, PROPS */, _hoisted_1))
}

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

export { script as default };
