import { FormattedMessage } from '@osd/i18n/react' ; import React from 'react' ; export function DisabledLabVisualization ( { title } ) { return ( < div className = "visDisabledLabVisualization" > < div className = "kuiVerticalRhythm visDisabledLabVisualization__icon kuiIcon fa-flask" aria - hidden = "true" / > < div className = "kuiVerticalRhythm" > < FormattedMessage id = "visualizations.disabledLabVisualizationTitle" defaultMessage = "{title} is a lab visualization." values = { { title : < em className = "visDisabledLabVisualization__title" > { title } < /em> }}/ > < /div> < div className = "kuiVerticalRhythm" > < FormattedMessage id = "visualizations.disabledLabVisualizationMessage" defaultMessage = "Please turn on lab-mode in the advanced settings to see lab visualizations." / > < /div> < /div>); }