import { EuiFlexGroup , EuiFlexItem , EuiText } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; import React from 'react' ; export function ErrorPanel ( ) { return ( < EuiFlexGroup justifyContent = "center" alignItems = "center" > < EuiFlexItem grow = { false } > < EuiText color = "subdued" > { i18n . translate ( 'xpack.observability.section.errorPanel' , { defaultMessage : 'An error happened when trying to fetch data. Please try again' , } ) } < /EuiText> < /EuiFlexItem> < /EuiFlexGroup>); }