---
/* Numbered mono section eyebrow, e.g. "01 — PROJECTS" (DESIGN_SYSTEM §4). */
interface Props {
  number?: string;
  text: string;
  id?: string;
}
const { number, text, id } = Astro.props;
---

<p
  id={id}
  class="font-mono text-mono-label font-medium uppercase tracking-[0.08em] text-accent"
>
  {number ? `${number} — ${text}` : text}
</p>
