/**
 * FileTree Molecule
 *
 * A filesystem tree navigator with folder expand/collapse, file-type icons,
 * and click-to-select. Used by the Workspace tab to browse the agent's
 * workspace directory.
 *
 * Follows atomic design: composes Box, Icon, Typography atoms.
 */
import React from 'react';
export interface FileTreeNode {
    /** File or directory name */
    name: string;
    /** Relative path from workspace root */
    path: string;
    /** 'file' or 'dir' */
    type: 'file' | 'dir';
    /** Children (only for directories) */
    children?: FileTreeNode[];
    /** File size in bytes (optional, for display) */
    size?: number;
    /** Detected language for syntax highlighting */
    language?: string;
}
export interface FileTreeProps {
    /** The tree data */
    tree: FileTreeNode[];
    /** Currently selected file path */
    selectedPath?: string;
    /** Called when a file is clicked */
    onFileSelect?: (path: string) => void;
    /** CSS class */
    className?: string;
    /** Indent size per level in px (default: 16) */
    indent?: number;
}
export declare const FileTree: React.FC<FileTreeProps>;
