'use client'
import Tooltip from '@/app/components/base/tooltip'
import { RiAlertFill } from '@remixicon/react'
import type { FC } from 'react'
import React from 'react'
import { useTranslation } from 'react-i18next'

const McpToolNotSupportTooltip: FC = () => {
  const { t } = useTranslation()
  return (
    <Tooltip
      popupContent={
        <div className='w-[256px]'>
          {t('plugin.detailPanel.toolSelector.unsupportedMCPTool')}
        </div>
      }
    >
      <RiAlertFill className='size-4 text-text-warning-secondary' />
    </Tooltip>
  )
}
export default React.memo(McpToolNotSupportTooltip)
