<script setup lang="ts">
import { CheckCircle, Loader2 } from '@lucide/vue';

defineProps<{
    saving: boolean;
    lastSaved: string | null;
}>();
</script>

<template>
    <div v-if="saving" class="text-muted-foreground flex items-center gap-1.5 text-sm">
        <Loader2 class="size-3.5 animate-spin" />
        Menyimpan...
    </div>
    <div v-else-if="lastSaved" class="text-muted-foreground flex items-center gap-1.5 text-sm">
        <CheckCircle class="size-3.5 text-green-600" />
        Tersimpan {{ lastSaved }}
    </div>
</template>
