import { jsx as _jsx } from "react/jsx-runtime";
import { VisualizationConfig } from "./VisualizationConfig.js";
import { VisualizationsPage } from "./VisualizationsPage.js";
export function ToolbarBottom({ showVisualizationsList, visualizations, onVisualizationAdd, onVisualizationDelete, onVisualizationSelect, onVisualizationPositionChange, activeVisualizationId, }) {
    const activeVisualization = visualizations.find((visualization) => visualization.identifier === activeVisualizationId);
    return (_jsx("div", { className: "gd-visualization-switcher-toolbar-bottom bubble bubble-light", children: showVisualizationsList || !activeVisualization ? (_jsx(VisualizationsPage, { visualizations: visualizations, activeVisualizationId: activeVisualizationId, onVisualizationAdd: onVisualizationAdd, onVisualizationDeleted: onVisualizationDelete, onVisualizationSelect: onVisualizationSelect, onVisualizationPositionChange: onVisualizationPositionChange })) : (_jsx(VisualizationConfig, { widget: activeVisualization, onVisualizationDeleted: onVisualizationDelete })) }));
}
//# sourceMappingURL=ToolbarBottom.js.map