import React , { FunctionComponent } from 'react' ; import { EuiFlexGroup , EuiFlexItem , EuiText , EuiIcon } from '@elastic/eui' ; export const LoadingIssuesError = ( { children } ) => ( < EuiText color = "subdued" data - test - subj = "loadingIssuesError" > < EuiFlexGroup gutterSize = "s" alignItems = "center" > < EuiFlexItem grow = { false } > < EuiIcon type = "alert" color = "danger" / > < /EuiFlexItem> < EuiFlexItem grow = { false } > { children } < /EuiFlexItem> < /EuiFlexGroup> < /EuiText>);