import { ButtonHelp } from '@components/Buttons'; import { useState } from 'react'; import { useIntl } from 'react-intl'; import styles from './Tooltip.module.scss'; const Tooltip = ({ message, title, }: { message: string | string[]; title: string; }) => { const intl = useIntl(); const [isOpen, setIsOpen] = useState(false); const getMessageFromArray = (strings: string[]) => { let keyIndex = 0; return ( ); }; const buttonTitle = isOpen ? intl.formatMessage({ defaultMessage: 'Close help', description: 'Tooltip: button title', }) : intl.formatMessage({ defaultMessage: 'Show help', description: 'Tooltip: button title', }); const wrapperModifier = isOpen ? styles.visible : styles.hidden; return (
{title}
{Array.isArray(message) ? getMessageFromArray(message) : message}
); }; export default Tooltip; f='/www.armandphilippot.com/about/'>aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/ProjectSummary/ProjectSummary.module.scss
blob: cf1e77f6ed8926dd61e086e5fc5b451c7d77f326 (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73