import type { ReactNode } from "react";

type Props = {
  eyebrow?: string;
  title: string;
  children: ReactNode;
};

export default function PageHero({ eyebrow, title, children }: Props) {
  return (
    <section className="section dark">
      <div className="container">
        {eyebrow && <p className="eyebrow">{eyebrow}</p>}
        <h1>{title}</h1>
        <p className="lead">{children}</p>
      </div>
    </section>
  );
}