import React from 'react' ; import { EuiSpacer } from '@elastic/eui' ; import { ObservabilityStatusBox , ObservabilityStatusBoxProps } from './observability_status_box' ; export interface ObservabilityStatusProps { boxes : ObservabilityStatusBoxProps [ ] ; } export function ObservabilityStatusBoxes ( { boxes } ) { return ( < div > { boxes . map ( ( box ) => ( < > < ObservabilityStatusBox key = { box . id } { ... box } / > < EuiSpacer /> < />))} < /div>); }