import ModelName from '../model-name'

type ModelDisplayProps = {
  currentModel: any
  modelId: string
}

const ModelDisplay = ({ currentModel, modelId }: ModelDisplayProps) => {
  return currentModel
    ? (
        <ModelName
          className="flex grow items-center gap-1 px-1 py-[3px]"
          modelItem={currentModel}
          showMode
          showFeatures
        />
      )
    : (
        <div className="flex grow items-center gap-1 truncate px-1 py-[3px] opacity-50">
          <div className="overflow-hidden system-sm-regular text-ellipsis text-components-input-text-filled">
            {modelId}
          </div>
        </div>
      )
}

export default ModelDisplay
