<script>
  import SearchBox from '$lib/components/search/SearchBox.svelte';
</script>

<svelte:head>
  <title>Presupuesto Público Bolivia</title>
</svelte:head>

<div class="max-w-4xl mx-auto p-4">
  <h1 class="text-2xl mb-2">Presupuesto Público de Bolivia</h1>
  <p class="mb-6 text-gray-600">
    20 años de datos fiscales · 600+ entidades · Actualización diaria
  </p>

  <div class="mb-8">
    <SearchBox />
  </div>

  <div class="grid grid-cols-2 gap-4 text-sm">
    <a href="/clasificadores" class="p-4 border rounded hover:bg-gray-50">
      <strong>Clasificadores</strong>
      <p class="text-gray-600">Navegar por instituciones, objetos de gasto, etc.</p>
    </a>
    <div class="p-4 border rounded opacity-50">
      <strong>Historias</strong>
      <p class="text-gray-600">Próximamente</p>
    </div>
  </div>
</div>