| Server IP : 172.67.75.225 / Your IP : 216.73.216.185 Web Server : nginx/1.27.1 System : Linux us-1 5.15.0-131-generic #141-Ubuntu SMP Fri Jan 10 21:18:28 UTC 2025 x86_64 User : vinodai ( 3134) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,parse_ini_file,show_source MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /storage/v1396/videnn/public_html/wp-content/plugins/code-snippets/js/components/common/ |
Upload File : |
import React from 'react'
import classnames from 'classnames'
import type { ReactNode } from 'react'
export interface TooltipProps {
block?: boolean
inline?: boolean
start?: boolean
end?: boolean
icon?: ReactNode
children: ReactNode
className?: classnames.Argument
}
export const Tooltip: React.FC<TooltipProps> = ({ block, inline, start, end, icon, className, children }) =>
<div className={classnames(
'tooltip',
{ 'tooltip-block': block, 'tooltip-inline': inline, 'tooltip-start': start, 'tooltip-end': end },
className
)}>
{icon ?? <span className="dashicons dashicons-editor-help"></span>}
<div className="tooltip-content">
{children}
</div>
</div>