<script lang="ts">
  import * as Card from '$lib/components/ui/card';
  import { Button } from '$lib/components/ui/button';
  import BarChart3 from '@lucide/svelte/icons/bar-chart-3';
  import Activity from '@lucide/svelte/icons/activity';

  interface Props {
    onLoadDemo: () => void;
  }

  let { onLoadDemo }: Props = $props();
</script>

<Card.Root>
  <Card.Content class="flex flex-col items-center justify-center py-16">
    <BarChart3 class="h-16 w-16 text-muted-foreground mb-4" />
    <p class="text-lg font-medium">输入文件名开始分析</p>
    <p class="text-sm text-muted-foreground mb-4">上传账单后可在此进行数据分析</p>
    <Button variant="outline" onclick={onLoadDemo}>
      <Activity class="mr-2 h-4 w-4" />
      查看示例数据
    </Button>
  </Card.Content>
</Card.Root>


