added experimental banner and correlation

Signed-off-by: Riya Saxena <[email protected]>

public/pages/Correlations/components/ExperimentalBanner.tsx

@@ -0,0 +1,32 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { EuiCallOut, EuiLink, EuiSpacer } from '@elastic/eui';
+
+export const ExperimentalBanner = () => {
+  return (
+    <>
+      <EuiCallOut title="Experimental Feature" iconType="beaker">
+        <p>
+          The feature is experimental and should not be used in a production environment. Any index
+          patterns, visualization, and observability panels will be impacted if the feature is
+          deactivated. For more information see&nbsp;
+          <EuiLink
+            href="https://opensearch.org/docs/2.4/security-analytics/index/"
+            target="_blank"
+          >
+            Security Analytics documentation
+          </EuiLink>
+          . To leave feedback, visit&nbsp;
+          <EuiLink target="_blank" href="https://forum.opensearch.org/">
+            forum.opensearch.org
+          </EuiLink>
+        </p>
+      </EuiCallOut>
+      <EuiSpacer />
+    </>
+  );
+};