From 2c9b790a5400cb086a10333e291d7af3ffa72300 Mon Sep 17 00:00:00 2001
From: vineyardbovines <spencerfpope@gmail.com>
Date: Tue, 21 Apr 2026 12:33:03 -0400
Subject: [PATCH] =?UTF-8?q?feat(lightbox):=20add=20new=20Header=20with=20?=
 =?UTF-8?q?=E2=80=A2=E2=80=A2=E2=80=A2=20menu=20and=20close?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/lightbox/chrome/Header.tsx | 49 +++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/features/lightbox/chrome/Header.tsx

diff --git a/src/features/lightbox/chrome/Header.tsx b/src/features/lightbox/chrome/Header.tsx
new file mode 100644
index 0000000000..429b551fd1
--- /dev/null
+++ b/src/features/lightbox/chrome/Header.tsx
@@ -0,0 +1,49 @@
+import {StyleSheet, View} from 'react-native'
+import {useSafeAreaInsets} from 'react-native-safe-area-context'
+import {msg} from '@lingui/core/macro'
+import {useLingui} from '@lingui/react'
+
+import {atoms as a} from '#/alf'
+import {TimesLarge_Stroke2_Corner0_Rounded as CloseIcon} from '#/components/icons/Times'
+import {CircleChromeButton} from './CircleChromeButton'
+import {ImageMenu} from './ImageMenu'
+
+type Props = {
+  onRequestClose: () => void
+  onPressShare: () => void
+  onPressSave: () => void
+}
+
+export function Header({onRequestClose, onPressShare, onPressSave}: Props) {
+  const {_} = useLingui()
+  const insets = useSafeAreaInsets()
+
+  return (
+    <View
+      style={[
+        styles.root,
+        a.flex_row,
+        a.justify_between,
+        a.align_center,
+        a.px_md,
+        {paddingTop: insets.top + 8},
+      ]}
+      pointerEvents="box-none">
+      <ImageMenu onPressShare={onPressShare} onPressSave={onPressSave} />
+      <CircleChromeButton
+        icon={CloseIcon}
+        label={_(msg`Close image`)}
+        onPress={onRequestClose}
+      />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+  },
+})