import * as React from "react" ; import { Observable } from "babylonjs/Misc/observable" ; import { PostProcessRenderPipeline } from "babylonjs/PostProcesses/RenderPipeline/postProcessRenderPipeline" ; import { PropertyChangedEvent } from "../../../../propertyChangedEvent" ; import { LockObject } from "../../../../../sharedUiComponents/tabs/propertyGrids/lockObject" ; import { CommonRenderingPipelinePropertyGridComponent } from "./commonRenderingPipelinePropertyGridComponent" ; import { GlobalState } from "../../../../globalState" ; interface IRenderingPipelinePropertyGridComponentProps { globalState : GlobalState ; renderPipeline : PostProcessRenderPipeline ; lockObject : LockObject ; onPropertyChangedObservable ? : Observable < PropertyChangedEvent > ; } export class RenderingPipelinePropertyGridComponent extends React . Component < IRenderingPipelinePropertyGridComponentProps > { constructor ( props ) { super ( props ) ; } render ( ) { const renderPipeline = this . props . renderPipeline ; return ( < div className = "pane" > < CommonRenderingPipelinePropertyGridComponent globalState = { this . props . globalState } lockObject = { this . props . lockObject } renderPipeline = { renderPipeline } onPropertyChangedObservable = { this . props . onPropertyChangedObservable } / > < /div>); } }