From 79073f2ddca58d2a938e42f8ad5ddab1e0d60d17 Mon Sep 17 00:00:00 2001
From: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
Date: Mon, 9 Nov 2020 12:13:58 +0200
Subject: [PATCH] Use EuiPromptButton istead of EuiCallout

---
 .../disabled_lab_visualization.scss           |  4 ---
 .../embeddable/disabled_lab_visualization.tsx | 29 +++++++++----------
 2 files changed, 14 insertions(+), 19 deletions(-)
 delete mode 100644 src/plugins/visualizations/public/embeddable/disabled_lab_visualization.scss

diff --git a/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.scss b/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.scss
deleted file mode 100644
index a5bce2d7a2c46..0000000000000
--- a/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.visDisabledLabVisualization {
-  width: 100%;
-  height: fit-content
-}
diff --git a/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx b/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
index c6ff920dabb43..3bfabf27e0fc0 100644
--- a/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
+++ b/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
@@ -17,14 +17,12 @@
  * under the License.
  */
 
-import { FormattedMessage } from '@kbn/i18n/react';
-import { EuiCallOut } from '@elastic/eui';
+import { FormattedMessage, I18nProvider } from '@kbn/i18n/react';
+import { EuiEmptyPrompt } from '@elastic/eui';
 import React from 'react';
 
-import './disabled_lab_visualization.scss';
-
 export function DisabledLabVisualization({ title }: { title: string }) {
-  const calloutTitle = (
+  const promptTitle = (
     <FormattedMessage
       id="visualizations.disabledLabVisualizationTitle"
       defaultMessage="{title} is a lab visualization."
@@ -32,16 +30,17 @@ export function DisabledLabVisualization({ title }: { title: string }) {
     />
   );
   return (
-    <EuiCallOut
-      className="visDisabledLabVisualization"
-      size="s"
-      title={calloutTitle}
-      iconType="beaker"
-    >
-      <FormattedMessage
-        id="visualizations.disabledLabVisualizationMessage"
-        defaultMessage="Please turn on lab-mode in the advanced settings to see lab visualizations."
+    <I18nProvider>
+      <EuiEmptyPrompt
+        title={promptTitle}
+        iconType="beaker"
+        body={
+          <FormattedMessage
+            id="visualizations.disabledLabVisualizationMessage"
+            defaultMessage="Please turn on lab-mode in the advanced settings to see lab visualizations."
+          />
+        }
       />
-    </EuiCallOut>
+    </I18nProvider>
   );
 }