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

var script = {
    props: {
        color: {
            type: String,
            default: "purple",
        },
    },
    name: "TsBadge",
};

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createElementBlock("span", {
    class: normalizeClass(`px-2 py-1 text-xs rounded !bg-opacity-[0.05]
	${$props.color == 'purple' ? ' text-primaryPurple bg-primaryPurple ' : ''}
	${$props.color == 'green' ? ' text-primaryGreen bg-primaryGreen ' : ''}
	${$props.color == 'yellow' ? ' text-primaryYellow bg-primaryYellow ' : ''} `)
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 2 /* CLASS */))
}

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

export { script as default };
