import { Particle } from "@/api/types";
import { useLiveParticleChildren } from "@/hooks/use-particle";
import type { ParticlePath } from "@/lib/particle-path";

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

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

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