import { Code02, File02, Folder } from "@untitledui/icons";
import { TreeView } from "@/components/application/tree-view/tree-view";
<TreeView aria-label="Project files" defaultExpandedKeys={["design","engineering","platform","marketing"]}>
<TreeView.Item id="design" textValue="Design">
<TreeView.ItemContent icon={Folder}>Design</TreeView.ItemContent>
<TreeView.Item id="guidelines" textValue="Brand guidelines.pdf">
<TreeView.ItemContent icon={File02}>Brand guidelines.pdf</TreeView.ItemContent>
</TreeView.Item>
<TreeView.Item id="components" textValue="Components.fig">
<TreeView.ItemContent icon={File02}>Components.fig</TreeView.ItemContent>
</TreeView.Item>
</TreeView.Item>
<TreeView.Item id="engineering" textValue="Engineering">
<TreeView.ItemContent icon={Folder}>Engineering</TreeView.ItemContent>
<TreeView.Item id="platform" textValue="Platform">
<TreeView.ItemContent icon={Folder}>Platform</TreeView.ItemContent>
<TreeView.Item id="api-gateway" textValue="api-gateway">
<TreeView.ItemContent icon={Code02}>api-gateway</TreeView.ItemContent>
</TreeView.Item>
</TreeView.Item>
<TreeView.Item id="mobile" textValue="Mobile app">
<TreeView.ItemContent icon={Code02}>Mobile app</TreeView.ItemContent>
</TreeView.Item>
</TreeView.Item>
<TreeView.Item id="marketing" textValue="Marketing">
<TreeView.ItemContent icon={Folder}>Marketing</TreeView.ItemContent>
<TreeView.Item id="launch-plan" textValue="Launch plan.docx">
<TreeView.ItemContent icon={File02}>Launch plan.docx</TreeView.ItemContent>
</TreeView.Item>
</TreeView.Item>
</TreeView>
