import Tooltip from '@/components/ui/Tooltip'
import { AI_ASSISTANT } from '@/constants/permission.constant'
import { ROUTES_ENUM } from '@/routes/route.constant'
import { useLocalization } from '@/utils/hooks/useLocalization'
import { usePermission } from '@/utils/hooks/usePermission'
import { 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([AI_ASSISTANT])

  if (!canViewAi) {
    return null
  }

  return (
    <Tooltip title={translate('::' + AI_ASSISTANT)}>
      <div
        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"
        onClick={() => navigate(ROUTES_ENUM.protected.admin.ai)}
      >
        <FcHeadset size={24} />
      </div>
    </Tooltip>
  )
}

export default AiAssistant