import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useEffect, useState } from "react";
export default function FilesPanel() {
    const [files, setFiles] = useState([]);
    useEffect(() => {
        fetch("/api/list-files")
            .then((r) => r.json())
            .then((j) => setFiles(j.files))
            .catch(() => setFiles([]));
    }, []);
    return (_jsxs("div", { className: "h-full overflow-auto bg-gray-900 text-gray-200 p-4", children: [_jsx("h2", { className: "text-lg font-semibold mb-2", children: "Arquivos" }), _jsx("ul", { className: "space-y-1", children: files.map((f) => (_jsx("li", { className: "px-2 py-1 hover:bg-gray-800 rounded cursor-pointer", children: f }, f))) })] }));
}