dify/web/app/components/datasets/documents/detail/completed/common/summary-label.tsx
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

24 lines
737 B
TypeScript

import { cn } from '@langgenius/dify-ui/cn'
import { memo } from 'react'
import { useTranslation } from 'react-i18next'
type SummaryLabelProps = {
summary?: string
className?: string
}
const SummaryLabel = ({ summary, className }: SummaryLabelProps) => {
const { t } = useTranslation()
return (
<div className={cn('space-y-1', className)}>
<div className="mt-2 flex items-center justify-between system-xs-medium-uppercase text-text-tertiary">
{t(($) => $['segment.summary'], { ns: 'datasetDocuments' })}
<div className="ml-2 h-px grow bg-divider-regular"></div>
</div>
<div className="body-xs-regular text-text-tertiary">{summary}</div>
</div>
)
}
export default memo(SummaryLabel)