import { PipelineStage } from '@/services/data/tuples/pipeline-stage-types' ; import { Pipeline } from '@/services/data/tuples/pipeline-types' ; import React from 'react' ; import { FooterButtons , FooterLeadLabel } from '../../widgets' ; import { HeaderOperators , HeaderOperatorsPosition } from '../header-operators' ; import { StageFooterContainer } from './widgets' ; export const StageFooter = ( props ) => { const { pipeline , stage } = props ; const index = pipeline . stages . indexOf ( stage ) + 1 ; return < StageFooterContainer > < FooterLeadLabel > End of Stage # { index } < /FooterLeadLabel> < FooterButtons > < HeaderOperators pipeline = { pipeline } stage = { stage } position = { HeaderOperatorsPosition . FOOTER } / > < /FooterButtons> < /StageFooterContainer>; } ;