From c13dcf47c58a19c270231020dcea3ec21f0c0c2e Mon Sep 17 00:00:00 2001
From: Vadim Kibana <82822460+vadimkibana@users.noreply.github.com>
Date: Tue, 8 Aug 2023 16:45:45 +0200
Subject: [PATCH] Update EUI deprecated components in sample screenshot plugin
 (#163409)

## Summary

Closes https://github.com/elastic/kibana/issues/161425
---
 .../public/components/app.tsx                   | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/examples/screenshot_mode_example/public/components/app.tsx b/examples/screenshot_mode_example/public/components/app.tsx
index e3e9917522df..d8c4896c7be6 100644
--- a/examples/screenshot_mode_example/public/components/app.tsx
+++ b/examples/screenshot_mode_example/public/components/app.tsx
@@ -13,9 +13,8 @@ import { FormattedMessage, I18nProvider } from '@kbn/i18n-react';
 import {
   EuiPage,
   EuiPageBody,
-  EuiPageContent_Deprecated as EuiPageContent,
-  EuiPageContentBody_Deprecated as EuiPageContentBody,
-  EuiPageContentHeader_Deprecated as EuiPageContentHeader,
+  EuiPageTemplate,
+  EuiPageSection,
   EuiPageHeader,
   EuiTitle,
   EuiText,
@@ -82,8 +81,8 @@ export const ScreenshotModeExampleApp = ({
                   </h1>
                 </EuiTitle>
               </EuiPageHeader>
-              <EuiPageContent>
-                <EuiPageContentHeader>
+              <EuiPageTemplate.Section>
+                <EuiPageHeader>
                   <EuiTitle>
                     <h2>
                       {isScreenshotMode ? (
@@ -99,8 +98,8 @@ export const ScreenshotModeExampleApp = ({
                       )}
                     </h2>
                   </EuiTitle>
-                </EuiPageContentHeader>
-                <EuiPageContentBody>
+                </EuiPageHeader>
+                <EuiPageSection>
                   <EuiText>
                     {isScreenshotMode ? (
                       <p>We detected screenshot mode. The chrome navbar should be hidden.</p>
@@ -111,8 +110,8 @@ export const ScreenshotModeExampleApp = ({
                       </p>
                     )}
                   </EuiText>
-                </EuiPageContentBody>
-              </EuiPageContent>
+                </EuiPageSection>
+              </EuiPageTemplate.Section>
             </EuiPageBody>
           </EuiPage>
         </>