import { Link } from 'react-router-dom'

const SHORTCUTS = [
  { to: '/discover', icon: '🔍', title: 'Discover', desc: 'Feed unificado de eventos' },
  { to: '/chamados', icon: '📋', title: 'Chamados', desc: 'Hub CH-* investigação' },
  { to: '/discover?bucket=medium', icon: '🛡️', title: 'Alertas médios', desc: 'L7–L11 últimas 24h' },
]

export default function ShortcutsRow() {
  return (
    <section className="wz-section">
      <h2 className="wz-section-title">Atalhos</h2>
      <div className="wz-card-grid">
        {SHORTCUTS.map((s) => (
          <Link key={s.to} to={s.to} style={{ textDecoration: 'none', color: 'inherit' }}>
            <div className="wz-feature-card">
              <div className="wz-feature-icon">{s.icon}</div>
              <div>
                <h3>{s.title}</h3>
                <p>{s.desc}</p>
              </div>
            </div>
          </Link>
        ))}
      </div>
    </section>
  )
}
