Function DetailHeader

packages/web/src/render.tsx:947–965

(props: {
  eyebrow: unknown;
  title: string;
  description?: string;
  code: string;
  copyValue: string;
})

}

function DetailHeader(props: {
  eyebrow: unknown;
  title: string;
  description?: string;
  code: string;
  copyValue: string;
}) {
  return (
    <section class="detail-header">
      <div class="breadcrumbs">{props.eyebrow}</div>
      <h2>{props.title}</h2>
      {props.description && <p>{props.description}</p>}
      <div class="code-line">
        <code>{props.code}</code>
        <CopyButton value={props.copyValue} label={`Copy ${props.code}`} />
      </div>
    </section>
  );
}

function Facts(props: { items: Array<[string, unknown]> }) {
  return (