dify/web/app/components/base/tooltip/content.tsx

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 font-semibold text-text-secondary'>{title}</div>
)}
<div className='mb-1.5 text-text-tertiary'>{children}</div>
{action && <div className='cursor-pointer text-text-accent'>{action}</div>}
</div>
)
}