import Tooltip from '@/components/ui/Tooltip'
import { useLocalization } from '@/utils/hooks/useLocalization'
import { Helmet } from 'react-helmet'
import { FcAssistant } from 'react-icons/fc'
import { useNavigate } from 'react-router-dom'

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

  return (
    <>
      <Helmet
        titleTemplate="%s | Kurs Platform"
        title={translate('::' + 'AI Assistant')}
        defaultTitle="Kurs Platform"
      ></Helmet>
      <Tooltip title="AI Asistan">
        <div
          onClick={() => navigate('/ai')}
          className="flex items-center justify-center w-9 h-9 m-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer transition-colors duration-200"
        >
          <FcAssistant size={28} />
        </div>
      </Tooltip>
    </>
  )
}

export default AiAssistant