refactor: unify editorial section headings

2026-09-12 09:57:56 +07:00
parent fc22795b63
commit 9647667ae2
6 changed files with 30 additions and 3 deletions
@@ -0,0 +1,18 @@
+---
+const { eyebrow, title, description, count, id, editorial = false } = Astro.props as {
+  eyebrow?: string;
+  title: string;
+  description?: string;
+  count?: string;
+  id?: string;
+  editorial?: boolean;
+};
+---
+<div class:list={["section-heading", { "section-heading--editorial": editorial }]}>
+  <div>
+    {eyebrow && <span class="overline">{eyebrow}</span>}
+    <h2 id={id}>{title}</h2>
+    {description && <p>{description}</p>}
+  </div>
+  {count && <span class="result-count">{count}</span>}
+</div>