add switch for experimental callout & update snapshots

Signed-off-by: Yibo Wang <[email protected]>

src/plugins/index_pattern_management/public/components/create_index_pattern_wizard/create_index_pattern_wizard.tsx

@@ -353,7 +353,7 @@ export class CreateIndexPatternWizard extends Component<
 
     return (
       <>
-        <ExperimentalCallout />
+        {this.dataSourceEnabled ? <ExperimentalCallout /> : null}
         {content}
         <EuiGlobalToastList
           toasts={this.state.toasts}

src/plugins/index_pattern_management/public/components/experimental_callout/experimental_callout.test.tsx

@@ -0,0 +1,15 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ExperimentalCallout } from './experimental_callout';
+
+describe('Index pattern experimental callout component', () => {
+  test('should render normally', () => {
+    const component = shallow(<ExperimentalCallout />);
+    expect(component).toMatchSnapshot();
+  });
+});

src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx

@@ -244,7 +244,7 @@ export const IndexPatternTable = ({ canSave, history }: Props) => {
 
   return (
     <>
-      <ExperimentalCallout />
+      {dataSourceEnabled ? <ExperimentalCallout /> : null}
       <EuiPageContent data-test-subj="indexPatternTable" role="region" aria-label={ariaRegion}>
         <EuiFlexGroup justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>