priority-use-tip.tsx 676 B

123456789101112131415161718192021
  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. selector='provider-quota-credential-priority-using'
  9. content={t('common.modelProvider.priorityUsing') || ''}
  10. >
  11. <div className='absolute -right-[5px] -top-[5px] bg-indigo-50 rounded-[5px] border-[0.5px] border-indigo-100 cursor-pointer'>
  12. <ChevronDownDouble className='rotate-180 w-3 h-3 text-indigo-600' />
  13. </div>
  14. </Tooltip>
  15. )
  16. }
  17. export default PriorityUseTip