'use strict';

var vue = require('vue');

var script = vue.defineComponent({
    props: {
        size: {
            type: String,
            default: "base",
        },
        color: {
            type: String,
            default: "",
        },
        customClass: {
            type: String,
            default: "",
        },
    },
    name: "TsNormalText",
});

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

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

exports.script = script;
