Files
mercadodevida/project/frontend/src/components/content/ContentPage.tsx
2026-08-17 22:23:10 +02:00

21 lines
574 B
TypeScript

interface Props {
title: string;
description: string;
children: React.ReactNode;
}
export default function ContentPage({ title, description, children }: Props) {
return (
<div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<h1
className="text-4xl font-bold text-gray-900 mb-4"
style={{ fontFamily: 'var(--font-heading)' }}
>
{title}
</h1>
<p className="text-lg text-gray-600 mb-10 leading-relaxed">{description}</p>
<div className="prose prose-gray max-w-none">{children}</div>
</div>
);
}