interface PageHeaderProps {
    eyebrowCurrent: string;
    eyebrowParent: string;
    title: string;
    description: string;
}

const PageHeader = ({
    eyebrowCurrent,
    eyebrowParent,
    title,
    description,
}: PageHeaderProps) => {
    return (
        <header className="portal-page-header">
            <p className="portal-page-header__eyebrow">
                <span>{eyebrowParent}</span>
                <span aria-hidden="true">/</span>
                <strong>{eyebrowCurrent}</strong>
            </p>
            <h1>{title}</h1>
            <span className="portal-page-header__description">
                {description}
            </span>
        </header>
    );
};

export default PageHeader;