export function PageHeading({
  eyebrow,
  title,
  description,
}: {
  eyebrow: string;
  title: string;
  description: string;
}) {
  return (
    <header className="archive-header">
      <p className="eyebrow">{eyebrow}</p>
      <h1>
        {title}
        <span className="accent-text">.</span>
      </h1>
      <p>{description}</p>
    </header>
  );
}