<template>
    <section class="product-other-sellers">
        <h2>{{ $t("otherSellers") }}</h2>
        <ul>
            <li v-for="(item, i) in items" :key="i">
                <OtherSellerItem />
            </li>
        </ul>
    </section>
</template>

<script setup>
defineProps({
    items: { type: Array, default: [{}, {}, {}] },
});
</script>

<style lang="scss">
.product-other-sellers {
    @apply w-full flex flex-col gap-16 px-6;

    & > h2 {
        @apply text-[#0B1F11] text-3xl font-bold font-vazir;
    }

    & > ul {
        @apply w-full flex flex-col gap-6;
    }
}
</style>
