<script lang="ts">
	import { FileCheck2 } from 'lucide-svelte';
	import type { ExpedienteArchivo } from '$lib/api/dashboard/a76/expediente-archivos';

	let { item }: { item: ExpedienteArchivo } = $props();
</script>

<span class="flex items-center gap-1.5">
	{#if item.e_document}
		<FileCheck2
			class="h-4 w-4 shrink-0 {item.status === 'success'
				? 'text-blue-500'
				: 'text-muted-foreground'}"
		/>
		<span>{item.e_document}</span>
	{:else}
		<span class="text-muted-foreground">-</span>
	{/if}
</span>
