jan/web/screens/Hub/ModelList/index.tsx

import { ModelSource } from '@janhq/core'

import ModelItem from '@/screens/Hub/ModelList/ModelItem'

type Props = {
  models: ModelSource[]
  onSelectedModel: (model: ModelSource) => void
}

const ModelList = ({ models, onSelectedModel }: Props) => {
  return (
    <div className="relative h-full w-full flex-shrink-0">
      {models.map((model) => (
        <ModelItem
          key={model.id}
          model={model}
          onSelectedModel={() => onSelectedModel(model)}
        />
      ))}
    </div>
  )
}

export default ModelList