<script setup lang="ts">
import { Eye } from '@lucide/vue';
import { Button } from '@/components/ui/button';
import Tooltip from '@/components/ui/tooltip/Tooltip.vue';
import TooltipContent from '@/components/ui/tooltip/TooltipContent.vue';
import TooltipTrigger from '@/components/ui/tooltip/TooltipTrigger.vue';
import type { ActivityLogListItem } from '@/types/activity-log';

defineProps<{
    activityLog: ActivityLogListItem;
}>();

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

<template>
    <Tooltip>
        <TooltipTrigger as-child>
            <Button variant="ghost" size="icon" class="size-8" @click="emit('view')">
                <Eye class="size-4" />
                <span class="sr-only">Lihat</span>
            </Button>
        </TooltipTrigger>
        <TooltipContent>Lihat</TooltipContent>
    </Tooltip>
</template>
