Remove deprecated EUI components in reporting_example plugin (#166224)

## Summary Partially addresses #161422 Co-authored-by: Kibana Machine <[email protected]>
elastic · Sep 14, 2023 · 19235fa · 19235fa
1 parent 3c9ccbe
commit 19235fa
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/x-pack/examples/reporting_example/public/containers/capture_test.tsx b/x-pack/examples/reporting_example/public/containers/capture_test.tsx
@@ -19,8 +19,7 @@ import {
   EuiPage,
   EuiPageHeader,
   EuiPageBody,
-  EuiPageContent_Deprecated as EuiPageContent,
-  EuiPageContentBody_Deprecated as EuiPageContentBody,
+  EuiPageSection,
 } from '@elastic/eui';
 
 import { TestImageA } from '../components';
@@ -62,7 +61,7 @@ export const CaptureTest: FunctionComponent = () => {
   return (
     <EuiPage>
       <EuiPageBody>
-        <EuiPageContent>
+        <EuiPageSection>
           <EuiPageHeader>
             <EuiFlexGroup alignItems="center" justifyContent="flexEnd">
               <EuiFlexItem grow={false}>
@@ -75,16 +74,16 @@ export const CaptureTest: FunctionComponent = () => {
               </EuiFlexItem>
             </EuiFlexGroup>
           </EuiPageHeader>
-          <EuiPageContentBody>
-            <EuiSpacer />
-            <EuiTabbedContent
-              tabs={tabs}
-              initialSelectedTab={
-                tabToRender ? tabs.find((tab) => tab.id === tabToRender) : undefined
-              }
-            />
-          </EuiPageContentBody>
-        </EuiPageContent>
+        </EuiPageSection>
+        <EuiPageSection>
+          <EuiSpacer />
+          <EuiTabbedContent
+            tabs={tabs}
+            initialSelectedTab={
+              tabToRender ? tabs.find((tab) => tab.id === tabToRender) : undefined
+            }
+          />
+        </EuiPageSection>
       </EuiPageBody>
     </EuiPage>
   );