import React , { FC } from 'react' ; import { OutlierExploration } from './components/outlier_exploration' ; import { RegressionExploration } from './components/regression_exploration' ; import { ClassificationExploration } from './components/classification_exploration' ; import { ANALYSIS_CONFIG_TYPE } from '../../../../../common/constants/data_frame_analytics' ; import { DataFrameAnalysisConfigType } from '../../../../../common/types/data_frame_analytics' ; import { HelpMenu } from '../../../components/help_menu' ; import { useMlKibana } from '../../../contexts/kibana' ; import { MlPageHeader } from '../../../components/page_header' ; export const Page = ( { jobId , analysisType } ) => { const { services : { docLinks } , } = useMlKibana ( ) ; const helpLink = docLinks . links . ml . dataFrameAnalytics ; return ( < > < div data - test - subj = "mlPageDataFrameAnalyticsExploration" > < MlPageHeader > { jobId } < /MlPageHeader> { analysisType === ANALYSIS_CONFIG_TYPE . OUTLIER_DETECTION && ( < OutlierExploration jobId = { jobId } />)} { analysisType === ANALYSIS_CONFIG_TYPE . REGRESSION && ( < RegressionExploration jobId = { jobId } />)} { analysisType === ANALYSIS_CONFIG_TYPE . CLASSIFICATION && ( < ClassificationExploration jobId = { jobId } />)} < /div> < HelpMenu docLink = { helpLink } / > < />); } ;