/** Inbox-zero empty state — mockup oracle: calm illustration + "nothing needs you". */
export function InboxEmptyState() {
  return (
    <div className="flex flex-col items-center justify-center px-4 py-14 text-center" data-inbox-empty>
      <svg
        className="mb-4 text-fg-subtle"
        width="72"
        height="72"
        viewBox="0 0 72 72"
        fill="none"
        aria-hidden
      >
        <rect x="10" y="18" width="52" height="38" rx="10" stroke="currentColor" strokeWidth="2" />
        <path d="M22 30h28M22 38h18" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
        <circle cx="54" cy="48" r="12" fill="var(--mod-color-surface)" stroke="currentColor" strokeWidth="2" />
        <path d="M49 48l3 3 6-6" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
      </svg>
      <p className="text-[15px] font-semibold text-fg">nothing needs you</p>
      <p className="mt-1 max-w-sm text-[12px] text-fg-muted">Inbox zero — snoozed items will return when their window ends.</p>
    </div>
  )
}
