import { Link } from '@tanstack/react-router'

export function HQEmptyState() {
  return (
    <div className="flex flex-col items-center justify-center py-24 text-center gap-3">
      <p className="text-lg font-semibold">All clear.</p>
      <p className="text-sm text-muted-foreground">
        No initiatives need your attention right now.
      </p>
      <Link to="/initiatives" className="text-sm text-primary hover:underline">
        Browse active work
      </Link>
    </div>
  )
}
