"use client";

import { useEffect, useState } from "react";
import { SitemapNode as NodeType } from "@/app/components/sitemap/sitemapProps";
import SitemapNode from "@/app/components/sitemap/SitemapNode";

export default function Sitemap() {
  const [nodes, setNodes] = useState<NodeType[]>([]);

  useEffect(() => {
    import("@/public/data/sitemap/sitemap.json").then((data) => {
      setNodes(data.default);
    });
  }, []);

  return (
    <div className="flex w-full flex-col p-6">
      {nodes.map((node) => (
        <SitemapNode key={node.id} node={node} />
      ))}
    </div>
  );
}