import React , { FC } from 'react' ; import { EuiFlexGroup , EuiFlexItem } from '@elastic/eui' ; import { BucketSpan } from '../bucket_span' ; import { SplitFieldSelector } from '../split_field' ; import { Influencers } from '../influencers' ; interface Props { setIsValid : ( proceed : boolean ) => void ; } export const RareSettings = ( { setIsValid } ) => { return ( < > < EuiFlexGroup gutterSize = "xl" > < EuiFlexItem > < SplitFieldSelector /> < /EuiFlexItem> < EuiFlexItem > < Influencers /> < /EuiFlexItem> < /EuiFlexGroup> < EuiFlexGroup gutterSize = "xl" > < EuiFlexItem > < BucketSpan setIsValid = { setIsValid } /> < /EuiFlexItem> < EuiFlexItem / > < /EuiFlexGroup> < />); } ;