<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-6">Presupuesto Público de Bolivia</h1>

  <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>
    <a href="/historias" class="p-4 border rounded hover:bg-gray-50">
      <strong>Historias</strong>
      <p class="text-gray-600">Análisis y visualizaciones del gasto público</p>
    </a>
  </div>
</div>