<template>
    <view class="card-details-item">
        <view class="label">{{ label }}</view>
        <text>{{ value }}</text>
    </view>
</template>

<script setup>
const ps = defineProps({
    label: {
        type: String,
        default: ''
    },
    value: {
        type: String,
        default: ''
    }
})
</script>
<style lang="scss" scoped>
.card-details-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16rpx;
    .label {
        min-width: 50%;
        color: $mocp-text-5;
    }
    text {
        text-align: right;
        word-break: break-all;
    }
}
</style>
