import React from 'react' ; import { EuiFlexGroup , EuiFlexItem } from '@elastic/eui' ; import { SeriesConfig , SeriesUrl } from '../../types' ; import { SeriesColorPicker } from '../../components/series_color_picker' ; import { SeriesChartTypes } from './chart_type_select' ; interface Props { seriesId : number ; series : SeriesUrl ; seriesConfig ? : SeriesConfig ; } export function SeriesInfo ( { seriesId , series , seriesConfig } ) { if ( ! seriesConfig ) { return null ; } return ( < EuiFlexGroup gutterSize = "s" responsive = { false } > < EuiFlexItem grow = { false } > < SeriesChartTypes seriesId = { seriesId } series = { series } seriesConfig = { seriesConfig } / > < /EuiFlexItem> < EuiFlexItem grow = { false } > < SeriesColorPicker seriesId = { seriesId } series = { series } / > < /EuiFlexItem> < /EuiFlexGroup>); return null ; }