import React from 'react'
import ExperimentMetadataContainer from '../../../../containers/app/sidebars/simulation/ExperimentMetadataContainer'
import LoadMetricContainer from '../../../../containers/app/sidebars/simulation/LoadMetricContainer'
import TraceContainer from '../../../../containers/app/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