dify/web/app/components/datasets/documents/detail/completed/status-item.tsx

24 lines
571 B
TypeScript

import type { FC } from 'react'
import type { Item } from '@/app/components/base/select'
import { RiCheckLine } from '@remixicon/react'
import * as React from 'react'
type IStatusItemProps = {
item: Item
selected: boolean
}
const StatusItem: FC<IStatusItemProps> = ({
item,
selected,
}) => {
return (
<div className="flex items-center justify-between px-2 py-1.5">
<span className="system-md-regular">{item.name}</span>
{selected && <RiCheckLine className="h-4 w-4 text-text-accent" />}
</div>
)
}
export default React.memo(StatusItem)