priority-use-tip.tsx 691 B

1234567891011121314151617181920
  1. import { useTranslation } from 'react-i18next'
  2. import { ChevronDownDouble } from '@/app/components/base/icons/src/vender/line/arrows'
  3. import Tooltip from '@/app/components/base/tooltip'
  4. const PriorityUseTip = () => {
  5. const { t } = useTranslation()
  6. return (
  7. <Tooltip
  8. popupContent={t('common.modelProvider.priorityUsing') || ''}
  9. >
  10. <div className='absolute -right-[5px] -top-[5px] cursor-pointer rounded-[5px] border-[0.5px] border-components-panel-border-subtle bg-util-colors-indigo-indigo-50 shadow-xs'>
  11. <ChevronDownDouble className='h-3 w-3 rotate-180 text-util-colors-indigo-indigo-600' />
  12. </div>
  13. </Tooltip>
  14. )
  15. }
  16. export default PriorityUseTip