import { Particle } from "@/api/types";
import { useLiveParticleChildren } from "@/hooks/use-particle";
import { parseParticlePath, type ParticlePath } from "@/lib/particle-path";
import { ComposeOverlay } from "@/features/compose/compose-overlay";

interface FolderViewProps {
  folderParticle: Particle;
  path: ParticlePath;
}

export function FolderView({ path, folderParticle }: FolderViewProps) {
  const { children, error, isLoading } = useLiveParticleChildren(path);
  const { networkId } = parseParticlePath(path);

  return (
    <div className="flex h-full items-center justify-center">
      <p className="text-muted-foreground text-sm">
        Folder view — {folderParticle.id}
      </p>
      <ComposeOverlay networkId={networkId} />
    </div>
  );
}