<script lang="ts">
	import PageHeader from '$lib/components/layout/PageHeader.svelte';
	import EmptyState from '$lib/components/common/EmptyState.svelte';
	import { AlertTriangle } from 'lucide-svelte';
</script>

<svelte:head>
	<title>Variance Report | Headroom</title>
</svelte:head>

<PageHeader title="Variance" description="Budget vs actual analysis" />

<EmptyState 
	title="Coming Soon"
	description="Variance reporting will be available in a future update."
	icon={AlertTriangle}
/>
