dify/web/app/components/base/features/new-feature-panel/annotation-reply/config-param.tsx

25 lines
642 B
TypeScript

'use client'
import type { FC } from 'react'
import * as React from 'react'
import Tooltip from '@/app/components/base/tooltip'
export const Item: FC<{ title: string, tooltip: string, children: React.JSX.Element }> = ({
title,
tooltip,
children,
}) => {
return (
<div>
<div className="mb-1 flex items-center space-x-1">
<div className="system-sm-semibold py-1 text-text-secondary">{title}</div>
<Tooltip
popupContent={
<div className="system-sm-regular max-w-[200px] text-text-secondary">{tooltip}</div>
}
/>
</div>
<div>{children}</div>
</div>
)
}