dify/web/app/components/base/tooltip/content.tsx
byteforge 8056768106
fix: enforce no-leaked-conditional-rendering as error and fix violations (#31262)
Co-authored-by: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
2026-01-20 23:08:59 +08:00

23 lines
579 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>
)
}