import { jsx as _jsx } from "react/jsx-runtime";
import { ComponentPalette } from "./ComponentPalette";
import { MainContentTree } from "./MainContentTree";
import { SimpleTabs } from "../ui/SimpleTabs";
import { useState } from "react";
export function Insert() {
    const [activeTab, setActiveTab] = useState(0);
    const tabs = [
        {
            label: "New Component",
            content: _jsx(ComponentPalette, {}),
            id: "new",
        },
        {
            label: "Existing Component",
            content: _jsx(MainContentTree, { mode: "insert-component" }),
            id: "existing",
        },
    ];
    return (_jsx(SimpleTabs, { tabs: tabs, className: "border-gray-3 flex items-center justify-center gap-4 border-b pt-4 text-xs", activeTab: activeTab, setActiveTab: (index) => setActiveTab(index) }, "insert-tabs"));
}
//# sourceMappingURL=Insert.js.map