From dd3c2eb42b7e2f9f992d42d93552842a0c64bfe0 Mon Sep 17 00:00:00 2001
From: Mason Yekta <3433954+masonyekta@users.noreply.github.com>
Date: Thu, 19 Dec 2024 23:16:03 -0500
Subject: [PATCH] fix(examples): add missing header component in auth example
 (#10088)

---
 .../app/(app)/_components/Header/index.tsx    | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 examples/auth/src/app/(app)/_components/Header/index.tsx

diff --git a/examples/auth/src/app/(app)/_components/Header/index.tsx b/examples/auth/src/app/(app)/_components/Header/index.tsx
new file mode 100644
index 0000000000..e95a508ead
--- /dev/null
+++ b/examples/auth/src/app/(app)/_components/Header/index.tsx
@@ -0,0 +1,29 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import React from 'react'
+
+import { Gutter } from '../Gutter'
+import classes from './index.module.scss'
+
+export const Header = () => {
+  return (
+    <header className={classes.header}>
+      <Gutter className={classes.wrap}>
+        <Link className={classes.logo} href="/">
+          <picture>
+            <source
+              media="(prefers-color-scheme: dark)"
+              srcSet="https://raw.githubusercontent.com/payloadcms/payload/master/src/admin/assets/images/payload-logo-light.svg"
+            />
+            <Image
+              alt="Payload Logo"
+              height={30}
+              src="https://raw.githubusercontent.com/payloadcms/payload/master/src/admin/assets/images/payload-logo-dark.svg"
+              width={150}
+            />
+          </picture>
+        </Link>
+      </Gutter>
+    </header>
+  )
+}