<script lang="ts">
	// import { CheckCircleIcon, AlertCircleIcon } from "lucide-svelte";

	let status = $state<'success' | 'error' | 'idle'>('success');
	let message = $state('Template parsed successfully');
</script>

<div class="border-t border-gray-200 bg-gray-50/50 px-6 py-2">
	<div class="flex items-center justify-between text-sm">
		<div class="flex items-center gap-2">
			{#if status === 'success'}
				<!-- <CheckCircleIcon class="h-4 w-4 text-green-600" /> -->
				<span class="text-green-700">{message}</span>
			{:else if status === 'error'}
				<!-- <AlertCircleIcon class="h-4 w-4 text-red-600" /> -->
				<span class="text-red-700">{message}</span>
			{:else}
				<div class="h-4 w-4 rounded-full bg-gray-300"></div>
				<span class="text-gray-600">Ready</span>
			{/if}
		</div>

		<div class="text-gray-500">Schema.org validation enabled</div>
	</div>
</div>
