{
+ return (
+
+ {ADDITIONAL_CHARGES_MESSAGE}
+
+ );
+};
+
+// eslint-disable-next-line import/no-default-export
+export default AdditionalChargesMessage;
diff --git a/x-pack/solutions/security/plugins/security_solution_serverless/public/components/additional_charges_message/index.tsx b/x-pack/solutions/security/plugins/security_solution_serverless/public/components/additional_charges_message/index.tsx
new file mode 100644
index 0000000000000..c35e4ed653ffa
--- /dev/null
+++ b/x-pack/solutions/security/plugins/security_solution_serverless/public/components/additional_charges_message/index.tsx
@@ -0,0 +1,19 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+import React from 'react';
+import type { Services } from '../../common/services';
+import { ServicesProvider } from '../../common/services';
+import { AdditionalChargesMessage } from './lazy';
+
+export const getAdditionalChargesMessage = (services: Services): React.ComponentType =>
+ function AdditionalChargesMessageComponent() {
+ return (
+
+
+
+ );
+ };
diff --git a/x-pack/solutions/security/plugins/security_solution_serverless/public/components/additional_charges_message/lazy.tsx b/x-pack/solutions/security/plugins/security_solution_serverless/public/components/additional_charges_message/lazy.tsx
new file mode 100644
index 0000000000000..e2708b7351019
--- /dev/null
+++ b/x-pack/solutions/security/plugins/security_solution_serverless/public/components/additional_charges_message/lazy.tsx
@@ -0,0 +1,17 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React, { lazy, Suspense } from 'react';
+import { EuiLoadingSpinner } from '@elastic/eui';
+
+const AdditionalChargesMessageLazy = lazy(() => import('./additional_charges_message'));
+
+export const AdditionalChargesMessage = () => (
+ }>
+
+
+);
diff --git a/x-pack/solutions/security/plugins/security_solution_serverless/public/plugin.ts b/x-pack/solutions/security/plugins/security_solution_serverless/public/plugin.ts
index 30e0f86ccdacf..09eb56ec0edcb 100644
--- a/x-pack/solutions/security/plugins/security_solution_serverless/public/plugin.ts
+++ b/x-pack/solutions/security/plugins/security_solution_serverless/public/plugin.ts
@@ -23,7 +23,7 @@ import {
type ExperimentalFeatures,
} from '../common/experimental_features';
import { setOnboardingSettings } from './onboarding';
-import { getEnablementModalCallout } from './components/enablement_modal_callout';
+import { getAdditionalChargesMessage } from './components/additional_charges_message';
export class SecuritySolutionServerlessPlugin
implements
@@ -70,7 +70,7 @@ export class SecuritySolutionServerlessPlugin
securitySolution.setComponents({
DashboardsLandingCallout: getDashboardsLandingCallout(services),
- EnablementModalCallout: getEnablementModalCallout(services),
+ AdditionalChargesMessage: getAdditionalChargesMessage(services),
});
setOnboardingSettings(services);