feat: US-004 - Create ParentSection component for hierarchical layout

2026-02-14 17:55:59 +00:00
parent 80d4cc9d7a
commit 4bfc4de956
1 changed files with 29 additions and 0 deletions
@@ -0,0 +1,29 @@
+import React from 'react'
+import { Card } from './Card'
+
+interface ParentSectionProps {
+  title: string
+  children: React.ReactNode
+  className?: string
+  tileId?: string
+}
+
+export function ParentSection({ title, children, className, tileId }: ParentSectionProps) {
+  return (
+    <Card full className={className} tileId={tileId}>
+      <h2
+        style={{
+          fontSize: '2.4rem',
+          fontWeight: 700,
+          color: 'var(--text-primary)',
+          lineHeight: 1.1,
+          margin: 0,
+          paddingBottom: '1.333rem',
+        }}
+      >
+        {title}
+      </h2>
+      {children}
+    </Card>
+  )
+}