add-model-button.tsx 795 B

12345678910111213141516171819202122232425262728
  1. import type { FC } from 'react'
  2. import { useTranslation } from 'react-i18next'
  3. import { PlusCircle } from '@/app/components/base/icons/src/vender/solid/general'
  4. import cn from '@/utils/classnames'
  5. type AddModelButtonProps = {
  6. className?: string
  7. onClick: () => void
  8. }
  9. const AddModelButton: FC<AddModelButtonProps> = ({
  10. className,
  11. onClick,
  12. }) => {
  13. const { t } = useTranslation()
  14. return (
  15. <span
  16. className={cn('system-xs-medium flex h-6 shrink-0 cursor-pointer items-center rounded-md px-1.5 text-text-tertiary hover:bg-components-button-ghost-bg-hover hover:text-components-button-ghost-text', className)}
  17. onClick={onClick}
  18. >
  19. <PlusCircle className='mr-1 h-3 w-3' />
  20. {t('common.modelProvider.addModel')}
  21. </span>
  22. )
  23. }
  24. export default AddModelButton