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

var script = 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 (openBlock(), createElementBlock("span", {
    class: 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' : ''}`)
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 2 /* CLASS */))
}

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

export { script as s };
