components.snippets.Tooltip.Tooltip.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

import React, { useState, cloneElement, useRef } from 'react'
import classNames from 'classnames'
import { Tooltip as Component, TooltipProps } from 'reactstrap'

export function Tooltip({ hint, className, placement, delay, trigger, children }: TooltipProps) {
    const tooltipRef = useRef(null)
    const [isOpen, setOpen] = useState(false)

    if (!children) { return null }

    const toggle = () => setOpen(!isOpen)
    const close = () => setOpen(false)

    let content = children

    // eslint-disable-next-line no-unsafe-optional-chaining
    const { ref } = (children as TooltipProps['TooltipChildren'])?.props?.children

    if (!ref && typeof children === 'object' && 'ref' in children) {
        // @ts-ignore ругается WebStorm билд ts с этим проходит
        content = cloneElement(children, { ref: tooltipRef, tooltipClose: close })
    }

    return (
        <>
            {content}
            
                {hint}
            
        
    )
}