From ae317fdc5a639809532c023b60c87e7102bebfec Mon Sep 17 00:00:00 2001
From: Adam Shiervani <adam.shiervani@gmail.com>
Date: Tue, 12 Aug 2025 14:30:19 +0200
Subject: [PATCH] feat(ui): add SettingsNestedSection component for consistent
 nested settings

---
 ui/src/components/SettingsNestedSection.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 ui/src/components/SettingsNestedSection.tsx

diff --git a/ui/src/components/SettingsNestedSection.tsx b/ui/src/components/SettingsNestedSection.tsx
new file mode 100644
index 0000000..6a4c688
--- /dev/null
+++ b/ui/src/components/SettingsNestedSection.tsx
@@ -0,0 +1,11 @@
+export default function SettingsNestedSection({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="ml-2 border-l border-slate-800/30 pl-4 dark:border-slate-300/30">
+      {children}
+    </div>
+  );
+}