import React from "react";
import ExperimentMetadataContainer from "../../../containers/sidebars/simulation/ExperimentMetadataContainer";
import LoadMetricContainer from "../../../containers/sidebars/simulation/LoadMetricContainer";
import TraceContainer from "../../../containers/sidebars/simulation/TraceContainer";
import Sidebar from "../Sidebar";
import "./SimulationSidebarComponent.css";

const SimulationSidebarComponent = () => {
    return (
        <Sidebar isRight={false}>
            <div className="simulation-sidebar-container flex-column">
                <ExperimentMetadataContainer/>
                <LoadMetricContainer/>
                <div className="trace-container">
                    <TraceContainer/>
                </div>
            </div>
        </Sidebar>
    );
};

export default SimulationSidebarComponent;