import './expandable_section.scss' ; import React , { FC } from 'react' ; import { FormattedMessage } from '@kbn/i18n-react' ; import { EuiHorizontalRule , EuiSpacer } from '@elastic/eui' ; import { ScatterplotMatrix , ScatterplotMatrixProps , } from '../../../../../components/scatterplot_matrix' ; import { ExpandableSection } from './expandable_section' ; export const ExpandableSectionSplom = ( props ) => { const splomSectionHeaderItems = undefined ; const splomSectionContent = ( < > < EuiHorizontalRule size = "full" margin = "none" / > < div className = "mlExpandableSection-contentPadding" > < ScatterplotMatrix { ... props } / > < /div> < />); return ( < > < ExpandableSection dataTestId = "splom" urlStateKey = "splom" content = { splomSectionContent } headerItems = { splomSectionHeaderItems } isExpanded = { true } title = { < FormattedMessage id = "xpack.ml.dataframe.analytics.exploration.splomSectionTitle" defaultMessage = "Scatterplot matrix" / > } /> < EuiSpacer size = "m" / > < />); } ;