diff --git a/x-pack/legacy/plugins/lens/public/editor_frame_plugin/editor_frame/workspace_panel_wrapper.tsx b/x-pack/legacy/plugins/lens/public/editor_frame_plugin/editor_frame/workspace_panel_wrapper.tsx
new file mode 100644
index 0000000000000..b3bcacb6cb560
--- /dev/null
+++ b/x-pack/legacy/plugins/lens/public/editor_frame_plugin/editor_frame/workspace_panel_wrapper.tsx
@@ -0,0 +1,37 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+import { EuiPanel, EuiFieldText } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+import { Action } from './state_management';
+
+interface Props {
+  title: string;
+  dispatch: React.Dispatch<Action>;
+  children: React.ReactNode | React.ReactNode[];
+}
+
+export function WorkspacePanelWrapper({ children, title, dispatch }: Props) {
+  return (
+    <EuiPanel>
+      <header>
+        <EuiFieldText
+          placeholder={i18n.translate('xpack.lens.chartTitlePlaceholder', {
+            defaultMessage: 'Title',
+          })}
+          data-test-subj="lns_ChartTitle"
+          value={title}
+          onChange={e => dispatch({ type: 'UPDATE_TITLE', title: e.target.value })}
+          aria-label={i18n.translate('xpack.lens.chartTitleAriaLabel', {
+            defaultMessage: 'Title',
+          })}
+        />
+      </header>
+      {children}
+    </EuiPanel>
+  );
+}