<template>
    <view class="card-details-footer">
        <view class="left">
            <global-field :label="leftLabel" :value="leftValue"></global-field>
        </view>
        <view class="right">
            <global-field :label="rightLabel" :value="rightValue"></global-field>
        </view>
    </view>
</template>

<script setup>
const ps = defineProps({
    leftLabel: {
        type: String,
        default: ''
    },
    leftValue: {
        type: String,
        default: ''
    },
    rightLabel: {
        type: String,
        default: ''
    },
    rightValue: {
        type: String,
        default: ''
    }
})
</script>
<style lang="scss" scoped>
.card-details-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 16rpx;
}
</style>
