---
import DocumentList from "../../../components/Collaborators/Documents/DocumentList";
import DocumentsSearchFilter from "../../../components/Collaborators/Filters/DocumentsSearchFilter";
import CollaboratorsLayout from "../../../layouts/CollaboratorsLayout.astro";
---

<CollaboratorsLayout title="Formatos">
  <!-- FILTROS PERSONALIZADOS -->
  <div
    slot="filters"
    class="flex sm:flex-row items-stretch sm:items-center gap-2 sm:gap-3 w-full sm:w-auto"
  >
    <!-- Filtro de busqueda -->
    <DocumentsSearchFilter client:load slot="filters" />
  </div>

  <section>
    <DocumentList client:load areaId="5" />
  </section>
</CollaboratorsLayout>