import { Container } from "../Container/index.mjs";
import { FileTree } from "./FileTree.mjs";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/components/IDE/FileList.tsx
const FileList = ({ filePaths, ...props }) => /* @__PURE__ */ jsxs(Container, {
	className: "flex size-full flex-col justify-start overflow-auto shadow-lg",
	roundedSize: "3xl",
	transparency: "none",
	...props,
	children: [/* @__PURE__ */ jsx("div", {
		className: "flex w-auto flex-row items-center justify-start gap-1 rounded-t-3xl bg-neutral-200 text-neutral text-xs dark:bg-neutral-950",
		children: /* @__PURE__ */ jsxs("div", {
			className: "mx-2 flex items-center justify-start gap-2 p-1",
			children: [
				/* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-red-500" }),
				/* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-yellow-500" }),
				/* @__PURE__ */ jsx("div", { className: "size-3 rounded-full bg-green-500" })
			]
		})
	}), /* @__PURE__ */ jsx("div", {
		className: "relative flex size-full flex-1 flex-row justify-start shadow-lg",
		children: /* @__PURE__ */ jsx("div", {
			className: "absolute top-0 left-0 size-full",
			children: /* @__PURE__ */ jsx("div", {
				className: "flex size-full",
				children: /* @__PURE__ */ jsx(FileTree, { filesPaths: filePaths })
			})
		})
	})]
});

//#endregion
export { FileList };
//# sourceMappingURL=FileList.mjs.map