17 lines
340 B
TypeScript
17 lines
340 B
TypeScript
|
import clsx from 'clsx'
|
||
|
|
|
||
|
|
export function Tooltip(
|
||
|
|
props: {
|
||
|
|
text: string | false | undefined | null
|
||
|
|
} & JSX.IntrinsicElements['div']
|
||
|
|
) {
|
||
|
|
const { text, children, className } = props
|
||
|
|
return text ? (
|
||
|
|
<div className={clsx(className, 'tooltip z-10')} data-tip={text}>
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
) : (
|
||
|
|
<>{children}</>
|
||
|
|
)
|
||
|
|
}
|