<template>
    <section class="flex flex-col gap-6 w-[700px]">
   
        <ul class="flex flex-col gap-5 space-y-6">

            <li class="flex items-center justify-between">
                <strong>{{ $t('id') }}</strong>
                <div class="flex items-center gap-2 w-max">
                    <!-- <i v-if="user.confirmEmail" class="pi pi-verified text-green-600"></i> -->
                    <span>{{ user.product.id }}</span>
                </div>
            </li>
            <li class="flex items-center justify-between">
                <strong>{{ $t('سوال') }}</strong>
                <span>{{ user.product.title }}</span>
            </li>
            <li class="flex items-center justify-between gap-32">
                <strong>{{ $t('پاسخ') }}</strong>
                <span>{{ user.product.description }}</span>
            </li>
         
        </ul>
    </section>

</template>

<script setup>
import { inject, reactive } from 'vue';
import { jDate } from '@/utils/jDate';
import { numberFormat } from '@/utils/numberFormat';
import { ref } from 'vue';
    
    const tabs = ref([
        { title: 'Tab 1', content: 'Tab 1 Content', value: '0' },
        { title: 'Tab 2', content: 'Tab 2 Content', value: '1' },
        { title: 'Tab 3', content: 'Tab 3 Content', value: '2' }
    ]);
const dialog = inject('dialogRef')

const user = reactive(Object.assign({}, dialog.value.data))

const confirmToSales = (value) => {
    dialog.value.data.confirm(user, value)
}
</script>

<style lang="scss" scoped></style>