3c014f3ae5
Co-authored-by: AkaraChen <akarachen@outlook.com> Co-authored-by: Yi <yxiaoisme@gmail.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: JzoNg <jzongcode@gmail.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: kurokobo <kuro664@gmail.com> Co-authored-by: Hiroshi Fujita <fujita-h@users.noreply.github.com>
23 lines
575 B
TypeScript
23 lines
575 B
TypeScript
import type { FC, PropsWithChildren, ReactNode } from 'react'
|
|
|
|
export type ToolTipContentProps = {
|
|
title?: ReactNode
|
|
action?: ReactNode
|
|
} & PropsWithChildren
|
|
|
|
export const ToolTipContent: FC<ToolTipContentProps> = ({
|
|
title,
|
|
action,
|
|
children,
|
|
}) => {
|
|
return (
|
|
<div className='w-[180px]'>
|
|
{title && (
|
|
<div className='mb-1.5 text-text-secondary font-semibold'>{title}</div>
|
|
)}
|
|
<div className='mb-1.5 text-text-tertiary'>{children}</div>
|
|
{action && <div className='text-text-accent cursor-pointer'>{action}</div>}
|
|
</div>
|
|
)
|
|
}
|