refactor: unify public state panels

2026-09-12 10:02:19 +07:00
parent c944db54af
commit 2477543029
11 changed files with 29 additions and 9 deletions
@@ -0,0 +1,8 @@
+---
+const { title, description, actionHref, actionLabel, tone = "empty", compact = false, contained = true } = Astro.props as { title: string; description?: string; actionHref?: string; actionLabel?: string; tone?: "empty" | "error" | "unavailable"; compact?: boolean; contained?: boolean };
+---
+<div class:list={["state", { "content-grid": contained, "compact-state": compact, "error-state": tone === "error", "unavailable-state": tone === "unavailable" }]} role={tone === "empty" ? "status" : "alert"}>
+  <h2>{title}</h2>
+  {description && <p>{description}</p>}
+  {actionHref && actionLabel && <a href={actionHref}>{actionLabel}</a>}
+</div>