import { EuiLink , EuiIcon , EuiSpacer , EuiFlexGroup , EuiFlexItem } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import React from 'react' ; interface DialogNavigationProps { goBack : ( ) => void ; } function DialogNavigation ( props ) { return ( < > < EuiLink data - test - subj = "goBackLink" onClick = { props . goBack } > < EuiFlexGroup alignItems = "center" gutterSize = "s" responsive = { false } > < EuiFlexItem grow = { false } > < EuiIcon type = "arrowLeft" / > < /EuiFlexItem> < EuiFlexItem > { i18n . translate ( 'visualizations.newVisWizard.goBackLink' , { defaultMessage : 'Select a different visualization' , } ) } < /EuiFlexItem> < /EuiFlexGroup> < /EuiLink> < EuiSpacer / > < />); } export { DialogNavigation } ;