31 lines
713 B
TypeScript
31 lines
713 B
TypeScript
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
|
|
className="text-[1.375rem] sm:text-[1.6rem] md:text-[1.8rem] lg:text-[2.4rem]"
|
|
style={{
|
|
fontWeight: 600,
|
|
letterSpacing: '-0.02em',
|
|
color: 'var(--text-primary)',
|
|
lineHeight: 1.1,
|
|
margin: 0,
|
|
paddingBottom: '1.5rem',
|
|
}}
|
|
>
|
|
{title}
|
|
</h2>
|
|
{children}
|
|
</Card>
|
|
)
|
|
}
|