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>
)
}