import Tooltip from '@/components/ui/Tooltip'
import { ROUTES_ENUM } from '@/routes/route.constant'
import { useLocalization } from '@/utils/hooks/useLocalization'
import { usePermission } from '@/utils/hooks/usePermission'
import { FcAssistant, FcHeadset } from 'react-icons/fc'
import { useNavigate } from 'react-router-dom'

const AiAssistant = () => {
  const { translate } = useLocalization()
  const navigate = useNavigate()
  const { checkPermissions } = usePermission()

  const canViewAi = checkPermissions(['Abp.Identity.Ai'])

  if (!canViewAi) {
    return null
  }

  return (
    <Tooltip title={translate('::Abp.Identity.Ai')}>
      <div
        onClick={() => navigate(ROUTES_ENUM.protected.admin.ai)}
        className="flex items-center justify-center text-2xl m-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer transition-colors duration-200"
      >
        <FcHeadset size={24} />
      </div>
    </Tooltip>
  )
}

export default AiAssistant