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

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

<PageHeader title="Costs" description="Project cost analysis" />

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