components HelpButton.jsx

0% Statements 0/3

0% Branches 0/4

0% Functions 0/1

0% Lines 0/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { HelpCircle } from 'lucide-react'
 
/**
 * Bouton d'aide : ouvre la page du guide correspondante dans un nouvel onglet.
 * Props :
 * - href : URL de la page du guide (ou null pour ne rien afficher)
 * - title : infobulle (défaut "Aide")
 * - className : classes supplémentaires (padding, style...)
 */
export default function HelpButton({ href, title = 'Aide', className = '' }) {
  if (!href) return null
  return (
    <a
      href={href}
      target="_blank"
      rel="noopener noreferrer"
      className={`flex items-center justify-center text-gray-600 rounded-lg hover:bg-gray-100 transition-colors ${className}`}
      title={title}
    >
      <HelpCircle className="w-4 h-4" />
    </a>
  )
}