<template>
    <div class="common-text">
        <slot></slot>
    </div>
</template>
<script setup lang="js">
const props = defineProps({
    color: {
        type: String,
        default: "#000"
    },
    lineLimit: {
        type: Number,
        default: null
    }
});
</script>
<style lang="scss" scoped>
@use '@/styles/common.scss';

.common-text {
    color: v-bind(color);

    @if('v-bind(lineLimit) !==null') {
        @include common.text-ellipsis(v-bind(lineLimit));
    }
}
</style>
