From 95884de2d37108b99fac3d72226cc008cb606626 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Sat, 6 Sep 2025 10:03:06 +0000
Subject: [PATCH] feat: BarnoinPayBackground component providing a good background image that spans even the status bar and include a safeArea on the top.

---
 src/components/BarnoinPayBackground.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/BarnoinPayBackground.tsx

diff --git a/src/components/BarnoinPayBackground.tsx b/src/components/BarnoinPayBackground.tsx
new file mode 100644
index 0000000..eabd218
--- /dev/null
+++ b/src/components/BarnoinPayBackground.tsx
@@ -0,0 +1,18 @@
+import { asp as g } from "@asp/asp";
+import { ImageBackground } from "expo-image";
+import type { FC } from "react";
+import type { ViewProps } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+
+export const BarnoinPayBackground: FC<ViewProps> = ({ children, style, ...rest }) => {
+	const insets = useSafeAreaInsets();
+	return (
+		<ImageBackground
+			style={[g.flex_1, { paddingTop: insets.top }, style]}
+			source={require("@assets/background.png")}
+			{...rest}
+		>
+			{children}
+		</ImageBackground>
+	);
+};
--
libgit2 0.27.1