import { PipelineStage } from '@/services/data/tuples/pipeline-stage-types' ; import { Pipeline } from '@/services/data/tuples/pipeline-types' ; import { Topic } from '@/services/data/tuples/topic-types' ; import React from 'react' ; import { VariablesEventBusProvider } from '../variables/variables-event-bus' ; import { VariablesHelper } from '../variables/variables-helper' ; import { StageBody } from './body' ; import { StageFooter } from './footer' ; import { StageHeader } from './header' ; import { StagePrerequisite } from './prerequisite' ; import { Units } from './units' ; import { StageContainer } from './widgets' ; export const StageEditor = ( props ) => { const { pipeline , stage , topics , triggerTopic } = props ; return < StageContainer > < StageHeader pipeline = { pipeline } stage = { stage } / > < StageBody pipeline = { pipeline } stage = { stage } > < VariablesEventBusProvider > < VariablesHelper pipeline = { pipeline } stage = { stage } topics = { topics } / > < StagePrerequisite stage = { stage } triggerTopic = { triggerTopic } / > < Units pipeline = { pipeline } stage = { stage } topics = { topics } triggerTopic = { triggerTopic } / > < StageFooter pipeline = { pipeline } stage = { stage } / > < /VariablesEventBusProvider> < /StageBody> < /StageContainer>; } ;