// @ts-check

import Heading from "device-agnostic-ui/Heading.mjs";
import Margin from "device-agnostic-ui/Margin.mjs";
import { createElement as h } from "react";

import Header from "../components/Header.mjs";
import Page from "../components/Page.mjs";
import Section from "../components/Section.mjs";
import CriarDocumento from "../components/criarDocumento.mjs";
import TabelaDocumentos from "../components/TabelaDocumentos.mjs";

export default function IndexPage() {
  return h(
    Page,
    { title: "GeoDoc - Uploads" },
    h(Header, null, h(Heading, { level: 1, size: 1 }, "GeoDoc - Uploads")),
    h(
      Section,
      null,
      h(Header, null, h(Heading, { level: 2, size: 2 }, "CriarDocumento ")),
      h(Margin, null, h(CriarDocumento)),
    ),
    h(Section, null),
    h(
      Section,
      null,
      h(Header, null, h(Heading, null, "Documentos Recentes")),
      h(Margin, null, h(TabelaDocumentos)),
    ),
  );
}