mirror of
https://github.com/langgenius/dify.git
synced 2024-11-16 19:59:50 +08:00
29 lines
662 B
TypeScript
29 lines
662 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import cn from 'classnames'
|
|
import Item from './item'
|
|
import type { Collection } from '@/app/components/tools/types'
|
|
type Props = {
|
|
className?: string
|
|
currentIndex: number
|
|
list: Collection[]
|
|
onChosen: (index: number) => void
|
|
}
|
|
|
|
const ToolNavList: FC<Props> = ({
|
|
className,
|
|
currentIndex,
|
|
list,
|
|
onChosen,
|
|
}) => {
|
|
return (
|
|
<div className={cn(className)}>
|
|
{list.map((item, index) => (
|
|
<Item isCurrent={index === currentIndex} key={index} payload={item} onClick={() => onChosen(index)}></Item>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(ToolNavList)
|