import React from 'react';
interface PageHeaderProps {
title: string;
illustration?: React.ReactNode;
}
/**
* Displays a centered header with a title and an optional illustration.
* Defaults to showing the Learnitive mark as the illustration.
* This component now incorporates the logic from the previous IllustratedPageHeader.
*/
export function PageHeader({ title, illustration }: PageHeaderProps) {
const illustrationContent = illustration ?? (
);
return (
{illustrationContent}
{title}
);
}