dify

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

@@ -0,0 +1,24 @@
+'use client'
+import type { FC } from 'react'
+import 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>
+  )
+}