import { ReactNode } from 'react';

export default function Section({ title, description, children }: { title: string; description?: string; children: ReactNode }) {
    return (
        <section className="rounded-2xl border border-border bg-card/60 p-5 shadow-soft sm:p-6">
            <h2 className="text-h3">{title}</h2>
            {description && <p className="mt-1 text-sm text-muted-foreground">{description}</p>}
            <div className="mt-5">{children}</div>
        </section>
    );
}