PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home2/medicu/.trash/code-snippets.1/js/components/common/
Server: Linux tista.bd.svlogins.com 5.14.0-611.49.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Apr 21 16:39:08 EDT 2026 x86_64
IP: 103.159.37.114
Choose File :

Url:
Dir : /home2/medicu/.trash/code-snippets.1/js/components/common/Tooltip.tsx

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>