'use strict';

var vue = require('vue');

var script = vue.defineComponent({
    props: {
        size: {
            type: String,
            default: "lg",
        },
        color: {
            type: String,
            default: "text-headerText",
        },
        customClass: {
            type: String,
            default: "",
        },
    },
    name: "TsHeaderText",
});

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (vue.openBlock(), vue.createElementBlock("h3", {
    class: vue.normalizeClass(` font-bold 
	${_ctx.size == 'lg' ? 'lg:text-lg mdlg:text-lg text-base' : ''}
	${_ctx.size == 'xl' ? 'lg:text-lg mdlg:text-lg text-base' : ''}
	${_ctx.size == 'base' ? 'lg:text-base mdlg:text-[13px] text-sm' : ''}
	${_ctx.size == 'xs' ? 'mdlg:!text-[12px] text-xs' : ''}
	${_ctx.customClass}
	${_ctx.color}`)
  }, [
    vue.renderSlot(_ctx.$slots, "default")
  ], 2 /* CLASS */))
}

script.render = render;
script.__file = "src/components/TsTypography/headerText.vue";

exports.script = script;
