import type { ReactNode } from "react";

export function ContentPage({
  eyebrow,
  title,
  lead,
  children,
}: {
  eyebrow: string;
  title: string;
  lead: string;
  children?: ReactNode;
}) {
  return (
    <section className="content-page">
      <p className="eyebrow">{eyebrow}</p>
      <h1>{title}</h1>
      <p className="content-page__lead">{lead}</p>
      {children}
    </section>
  );
}