File Tree

   import { FileTree, type FileTreeNode } from "@/components/ui/file-tree"

   const tree: FileTreeNode[] = [
     {
       name: "src",
       children: [
         {
           name: "app",
           children: [
             { name: "layout.tsx" },
             { name: "page.tsx" },
             { name: "api", children: [{ name: "route.ts" }] },
           ],
         },
         {
           name: "components",
           children: [
             { name: "header.tsx" },
             { name: "footer.tsx" },
           ],
         },
         { name: "lib", children: [{ name: "utils.ts" }] },
       ],
     },
     { name: "package.json" },
     { name: "tsconfig.json" },
     { name: "next.config.ts" },
     { name: ".env.local" },
   ]

   export default function FileTreeDemo() {
     return (
       <div className="max-w-sm">
         <FileTree
           tree={tree}
           iconStyle="colored"
           highlight={["src/app/page.tsx"]}
         />
       </div>
     )
   }