"use client";
import { useState } from "react";
import { MarkdownRenderer } from "@/components/markdown/MarkdownRenderer";
import { TableOfContents } from "@/components/markdown/TableOfContents";

export default function AcessibilidadePage() {
  const [headings, setHeadings] = useState([] as { id: string; text: string; level: number }[]);
  return (
    <div className="grid grid-cols-1 md:grid-cols-[1fr_300px] gap-8">
      <div>
        <h1 className="text-2xl font-bold">Declaração de Acessibilidade</h1>
        <MarkdownRenderer contentPath={"pt/acessibilidade.md"} onHeadings={setHeadings} />
      </div>
      <aside>
        <TableOfContents headings={headings} />
      </aside>
    </div>
  );
}
