<template>
    <div class="desc-item">
        <div class="desc-label" :style="{ fontSize: size + 'px' }">{{ label }}</div>
        <div class="desc-value" :style="{ fontSize: size + 'px' }" :class="{ 'text-overflow1': isSv }">
            <slot></slot>
        </div>
    </div>
</template>

<script setup name="DescItemTop" lang="ts">
import { propTypes } from '@/utils/propTypes';

const props = defineProps({
    span: propTypes.number.def(6),
    label: String,
    isSv: Boolean,
    size: propTypes.number.def(16)
});
</script>
<style lang="scss" scoped>
.desc-item {
    padding: 4px 0;
    font-size: 16px;
    line-height: 1.6;
}

.desc-label {
    padding-bottom: 10px;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
}

.desc-value {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    white-space: pre-line;
}
</style>
