import type { Component } from "solid-js";

interface PageHeaderProps {
    title: string;
    subtitle: string;
}

export const PageHeader: Component<PageHeaderProps> = (props) => {
    return (
        <div class="text-center mb-10 animate-fade-in-up">
            <h1 class="text-4xl md:text-5xl font-bold text-gray-900 tracking-tight">
                {props.title}
            </h1>
            <p class="mt-4 text-lg text-gray-600 max-w-2xl mx-auto">{props.subtitle}</p>
        </div>
    );
};