From 81e97740f7167dd4c73dd848704e1de37f373507 Mon Sep 17 00:00:00 2001
From: Gauvain <contact@uruk.dev>
Date: Wed, 3 Jun 2026 23:20:37 +0200
Subject: [PATCH] feat(settings): add SettingsSection component

---
 components/settings/index/SettingsSection.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 components/settings/index/SettingsSection.tsx

diff --git a/components/settings/index/SettingsSection.tsx b/components/settings/index/SettingsSection.tsx
new file mode 100644
index 000000000..a4c135db6
--- /dev/null
+++ b/components/settings/index/SettingsSection.tsx
@@ -0,0 +1,19 @@
+import type React from "react";
+import { View } from "react-native";
+import { Text } from "@/components/common/Text";
+
+export const SettingsSection: React.FC<{
+  title?: string;
+  children: React.ReactNode;
+}> = ({ title, children }) => (
+  <View className='mb-5'>
+    {title ? (
+      <Text className='ml-4 mb-1.5 uppercase text-[#8E8D91] text-[11px] tracking-wide'>
+        {title}
+      </Text>
+    ) : null}
+    <View className='mx-3 rounded-xl overflow-hidden bg-neutral-900'>
+      {children}
+    </View>
+  </View>
+);