import React from 'react' ; import { EuiText } from '@elastic/eui' ; import { i18n } from '@kbn/i18n' ; export const EmptyTreePlaceHolder = ( ) => { return ( < div className = "prfDevTool__main__emptyTreePlaceholder" > < EuiText color = "subdued" > { } < h1 > { i18n . translate ( 'xpack.searchProfiler.emptyProfileTreeTitle' , { defaultMessage : 'No queries to profile' , } ) } < /h1> < p > { i18n . translate ( 'xpack.searchProfiler.emptyProfileTreeDescription' , { defaultMessage : 'Enter a query, click Profile, and see the results here.' , } ) } < /p> < /EuiText> < /div>); } ;