blob: 788d88fd0e6a2e18dbdcb7a4d9feb8b59bb8c464 (
plain) (
blame)
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
|
import React from 'react';
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
import Tooltip from 'react-bootstrap/Tooltip';
import ImageButton from './ImageButton';
export default function OverlayImageButton({
onClick,
children,
className,
id,
image,
height = '15',
width = '15',
style,
tooltip,
}) {
return (
<OverlayTrigger
placement="right"
delay={{ show: 250, hide: 400 }}
overlay={<Tooltip id="button-tooltip">{tooltip}</Tooltip>}
>
<span>
<ImageButton
id={id}
className={className}
image={image}
height={height}
width={width}
style={style}
onClick={onClick}
>
{children}
</ImageButton>
</span>
</OverlayTrigger>
);
}
|