7709d9df20
Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
29 lines
767 B
TypeScript
29 lines
767 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
type Props = {
|
|
isRequest: boolean
|
|
toolName: string
|
|
content: string
|
|
}
|
|
|
|
const Panel: FC<Props> = ({
|
|
isRequest,
|
|
toolName,
|
|
content,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<div className='overflow-hidden rounded-md border border-black/5 bg-gray-100'>
|
|
<div className='flex items-center bg-gray-50 px-2 py-1 text-xs font-medium uppercase leading-[18px] text-gray-500'>
|
|
{t(`tools.thought.${isRequest ? 'requestTitle' : 'responseTitle'}`)} {toolName}
|
|
</div>
|
|
<div className='border-t border-black/5 p-2 text-xs leading-4 text-gray-700'>{content}</div>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(Panel)
|