'use client'
|
import type { FC } from 'react'
|
import React from 'react'
|
import { useTranslation } from 'react-i18next'
|
import { SegmentIndexTag } from '../../documents/detail/completed/common/segment-index-tag'
|
import Dot from '../../documents/detail/completed/common/dot'
|
import Score from './score'
|
import cn from '@/utils/classnames'
|
|
type Props = {
|
labelPrefix: string
|
positionId: number
|
wordCount: number
|
score: number
|
className?: string
|
}
|
|
const ResultItemMeta: FC<Props> = ({
|
labelPrefix,
|
positionId,
|
wordCount,
|
score,
|
className,
|
}) => {
|
const { t } = useTranslation()
|
|
return (
|
<div className={cn('flex items-center justify-between', className)}>
|
<div className="flex items-center space-x-2">
|
<SegmentIndexTag
|
labelPrefix={labelPrefix}
|
positionId={positionId}
|
className={cn('w-fit group-hover:opacity-100')}
|
/>
|
<Dot />
|
<div className="system-xs-medium text-text-tertiary">
|
{wordCount} {t('datasetDocuments.segment.characters', { count: wordCount })}
|
</div>
|
</div>
|
<Score value={score} />
|
</div>
|
)
|
}
|
|
export default React.memo(ResultItemMeta)
|
