<template>
    <view class="image-wrapper">
        <image
            class="image"
            v-for="(image, index) in imageList"
            :key="index"
            :src="image.src"
            mode="aspectFit"
        />
    </view>
</template>

<script setup lang="ts">
import { PropType } from 'vue'
import { IContractTemplate } from '../interface'

defineProps({
    imageList: {
        type: Array as PropType<IContractTemplate[]>,
        default: () => []
    }
})
</script>

<style lang="scss" scoped>
.image-wrapper {
    @include flex-direction;
    gap: 20rpx;
    .image {
        width: 100%;
        background-color: $white-1;
        outline: none;
    }
}
</style>
