From d89c1ac8b3562795b49d293cacf72a40ee6f29f7 Mon Sep 17 00:00:00 2001
From: Anto Subash <antosubash@live.com>
Date: Mon, 8 Jun 2026 16:46:01 +0200
Subject: [PATCH] docs(frontend): replace nonexistent PageHeader with PageShell
 in layout example
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The #205 docs sync left one `<PageHeader title="Orders" />` in the Layouts
JSX-composition example (pages.md). PageHeader is not exported by
`@simple-module-py/ui` — it is one of the nonexistent components #196 is about.
Use the real `PageShell` page wrapper instead.

Fixes #196
---
 docs/frontend/pages.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/frontend/pages.md b/docs/frontend/pages.md
index 2346e8fb..88ca6098 100644
--- a/docs/frontend/pages.md
+++ b/docs/frontend/pages.md
@@ -112,13 +112,14 @@ modules/orders/orders/pages/
 Shared layouts live in `packages/ui/src/layouts/`. Use them via JSX composition:
 
 ```tsx
-import { AuthenticatedLayout } from "@simple-module-py/ui";
+import { AuthenticatedLayout, PageShell } from "@simple-module-py/ui";
 
 export default function Browse({ orders }) {
   return (
     <AuthenticatedLayout>
-      <PageHeader title="Orders" />
-      ...
+      <PageShell title="Orders">
+        ...
+      </PageShell>
     </AuthenticatedLayout>
   );
 }