function PageTitle({ children, kicker }) {
  return (
    <div style={{ textAlign: "center", marginBottom: 48 }}>
      {kicker && <div style={{ fontFamily: "var(--font-mono)", fontSize: "var(--fs-label-mono)", letterSpacing: "var(--ls-label-mono)", textTransform: "uppercase", color: "var(--text-on-void-muted)", marginBottom: 14 }}>{kicker}</div>}
      <div style={{ fontFamily: "var(--font-display)", fontSize: "var(--fs-display-lg)", fontWeight: "var(--fw-display-lg)", color: "var(--text-on-void)", lineHeight: 1.1 }}>{children}</div>
    </div>
  );
}
window.PageTitle = PageTitle;