<script setup>
const props = defineProps({
    label: { default: '' }
})

</script>

<template>
	<view class="text-line">
        <view class="tl-label">{{ label }}</view>
        <view class="tl-value"><slot></slot></view>
	</view>
</template>

<style lang="scss" scoped>
.text-line{
    display: flex;
    align-items: flex-start;
    .tl-label{
        flex-grow: 0;
        flex-shrink: 0;
        @include flcw(26upx, 52upx, #9A9A9D);
    }
    .tl-value{
        flex-grow: 1;
        word-break: break-all;
        white-space: normal;
        @include flcw(26upx, 52upx, #333);
    }
}
</style>
