components HelpTip.jsx

0% Statements 0/3

0% Branches 0/2

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
24  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { HelpCircle } from 'lucide-react';
 
/**
 * Petit point d'interrogation avec bulle d'aide au survol.
 * Utilisé pour expliquer chaque paramètre (crawler, destinations).
 */
export default function HelpTip({ text }) {
  if (!text) return null;
  return (
    <span className="relative inline-flex align-middle ml-1 group">
      <HelpCircle
        className="w-3.5 h-3.5 text-gray-400 hover:text-gray-600 cursor-help"
        aria-label="Aide"
      />
      <span
        role="tooltip"
        className="pointer-events-none absolute z-40 hidden group-hover:block top-5 left-0 w-64 p-2 text-xs font-normal leading-snug text-white bg-gray-800 rounded-lg shadow-lg"
      >
        {text}
      </span>
    </span>
  );
}