<script setup lang="ts">
import { RowDetailAction } from '@/components/button';
import OwnerVerificationRowActions from '@/components/owner-verification/OwnerVerificationRowActions.vue';
import type { OwnerVerificationItem } from '@/types/owner-verification';

const props = defineProps<{
    item: OwnerVerificationItem;
}>();

const emit = defineEmits<{
    view: [];
}>();
</script>

<template>
    <div class="flex items-center justify-end gap-1">
        <RowDetailAction tooltip="Lihat" @click="emit('view')" />

        <OwnerVerificationRowActions v-if="item.is_pending" :type="item.source === 'cutting' ? 'cutting' : 'request'"
            :id="item.id" :title="item.title" :subject-label="item.subject_label" :action-label="item.action_label" />
    </div>
</template>
