interface PageTitleProps {
  title: string;
  subtitle?: string;
}

export default function PageTitle({ title, subtitle }: PageTitleProps) {
  return (
    <div className="mb-8">
      <h1 className="text-heading-h2 font-bold text-text-primary dark:text-white">
        {title}
      </h1>
      {subtitle && (
        <p className="text-body-large text-text-secondary dark:text-gray-400 mt-2">
          {subtitle}
        </p>
      )}
    </div>
  );
}