From d98a0457033933e5bc03c140d30654139580b768 Mon Sep 17 00:00:00 2001
From: thesn10 <38666407+thesn10@users.noreply.github.com>
Date: Fri, 3 Jul 2026 12:58:06 +0200
Subject: [PATCH] Add PageContainer

---
 app/src/components/PageContainer.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 app/src/components/PageContainer.tsx

diff --git a/app/src/components/PageContainer.tsx b/app/src/components/PageContainer.tsx
new file mode 100644
index 0000000..a29452b
--- /dev/null
+++ b/app/src/components/PageContainer.tsx
@@ -0,0 +1,16 @@
+import type { JSX, ReactNode } from "react";
+import { View } from "react-native";
+import { twMerge } from "tailwind-merge";
+
+interface PageContainerProps {
+  children: ReactNode;
+  className?: string;
+}
+
+export function PageContainer({ children, className }: PageContainerProps): JSX.Element {
+  return (
+    <View className={twMerge("w-full self-center px-4 md:px-8 lg:max-w-[1320px] lg:px-12", className)}>
+      {children}
+    </View>
+  );
+}