EmptyContent (am-empty-content)

EmptyContent 適合搜尋無結果、空列表或尚未建立內容的畫面。它把說明、恢復 action 與 suggested destinations 放在同一個可及的 section。

Contract

• title 是必要欄位
• primaryAction 與 secondaryAction 提供恢復路徑
• suggestions 可列出熱門分類或其他可探索目的地
• illustration slot 可放 consumer 自有的 SVG 或圖片
• 預設圖形是純 CSS 裝飾，不依賴 icon runtime

<EmptyContent
  title="No stories match that search"
  description="Try another phrase or browse a popular topic."
  primaryAction={{ label: "Browse all stories", href: "/blog" }}
  secondaryAction={{ label: "Clear filters", href: "/blog" , variant: "outline" }}
  suggestions={[{ label: "Design systems", href: "/blog/design-systems" }]}
  surface="muted"
/>

空狀態不會自行修改查詢、filter 或資料來源；恢復行為由 link target 或 consumer workflow 負責。詳見 playground /playground/marketing/。