From 89667887a1c67b173538a5de2ac264227e68fee2 Mon Sep 17 00:00:00 2001
From: dej611 <marco.liberati@elastic.co>
Date: Tue, 18 Oct 2022 10:34:50 +0200
Subject: [PATCH] :lipstick: Add tech preview label

---
 .../datasources/form_based/layer_settings.tsx | 38 ++++++++++++-------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx b/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
index 897b2764660188..733b299f70aad5 100644
--- a/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
+++ b/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { EuiFormRow, EuiToolTip, EuiIcon, EuiRange } from '@elastic/eui';
+import { EuiFormRow, EuiToolTip, EuiRange, EuiBetaBadge } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import React from 'react';
 import type { DatasourceLayerSettingsProps } from '../../types';
@@ -24,21 +24,31 @@ export function LayerSettingsPanel({
     <EuiFormRow
       display="columnCompressed"
       fullWidth
+      helpText={i18n.translate('xpack.lens.xyChart.randomSampling.help', {
+        defaultMessage: 'Change the sampling probability to see how your chart is affected',
+      })}
       label={
-        <EuiToolTip
-          content={i18n.translate('xpack.lens.xyChart.randomSampling.help', {
-            defaultMessage: 'Change the sampling probability to see how your chart is affected',
-          })}
-          delay="long"
-          position="top"
-        >
-          <span>
-            {i18n.translate('xpack.lens.xyChart.randomSampling.label', {
-              defaultMessage: 'Random Sampling',
+        <span>
+          {i18n.translate('xpack.lens.xyChart.randomSampling.label', {
+            defaultMessage: 'Sampling',
+          })}{' '}
+          <EuiToolTip
+            content={i18n.translate('xpack.lens.randomSampling.experimentalLabel', {
+              defaultMessage: 'Technical preview',
             })}
-            <EuiIcon type="questionInCircle" color="subdued" size="s" className="eui-alignTop" />
-          </span>
-        </EuiToolTip>
+            delay="long"
+            position="top"
+          >
+            <EuiBetaBadge
+              label={i18n.translate('xpack.lens.randomSampling.experimentalLabel', {
+                defaultMessage: 'Technical preview',
+              })}
+              color="subdued"
+              iconType="beaker"
+              size="s"
+            />
+          </EuiToolTip>
+        </span>
       }
     >
       <EuiRange