'use strict';

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

var vue = require('vue');

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

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (vue.openBlock(), vue.createElementBlock("span", {
    class: vue.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 ' : ''} `)
  }, [
    vue.renderSlot(_ctx.$slots, "default")
  ], 2 /* CLASS */))
}

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

exports["default"] = script;
