interface SectionHeadingProps {
    readonly eyebrow: string
    readonly title: string
    readonly description?: string
}

export function SectionHeading({ eyebrow, title, description }: SectionHeadingProps) {
    return (
        <header className="section-heading">
            <p className="section-heading__eyebrow">{eyebrow}</p>
            <div className="section-heading__body">
                <h2>{title}</h2>
                {description && <p>{description}</p>}
            </div>
        </header>
    )
}
