mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-31 21:21:03 -04:00
cf2dfc6bf1
[SettingsPage] Integration Branch GitOrigin-RevId: 5a3c26b2a02d716c4ae3981e3f08b811ae307725
37 lines
694 B
TypeScript
37 lines
694 B
TypeScript
import {
|
|
OverlayTrigger,
|
|
OverlayTriggerProps,
|
|
Tooltip as BSTooltip,
|
|
} from 'react-bootstrap'
|
|
|
|
type TooltipProps = {
|
|
children: React.ReactNode
|
|
description: string
|
|
id: string
|
|
overlayProps?: Omit<OverlayTriggerProps, 'overlay'>
|
|
tooltipProps?: BSTooltip.TooltipProps
|
|
}
|
|
|
|
function Tooltip({
|
|
id,
|
|
description,
|
|
children,
|
|
tooltipProps,
|
|
overlayProps,
|
|
}: TooltipProps) {
|
|
return (
|
|
<OverlayTrigger
|
|
overlay={
|
|
<BSTooltip id={`${id}-tooltip`} {...tooltipProps}>
|
|
{description}
|
|
</BSTooltip>
|
|
}
|
|
{...overlayProps}
|
|
placement={overlayProps?.placement || 'top'}
|
|
>
|
|
{children}
|
|
</OverlayTrigger>
|
|
)
|
|
}
|
|
|
|
export default Tooltip
|