'use client'

import {useLocale, useTranslations} from 'next-intl'
import Image from 'next/image'

// TODO: Link throwing no connection error in this component; React 19 Bug
// import {Link} from '@/i18n/routing'
import {APP_NAME} from '@/lib/constants'
import logoImg from '@/public/images/logo.svg'

export default function Logo() {
	const t = useTranslations('Common')
	const locale = useLocale()
	const ar = 121 / 192
	const w = 112

	return (
		<div className='mt-0.5 flex items-center justify-center'>
			<a
				href={locale !== 'ru' ? '/' : '/ru'}
				className='m-1 flex cursor-pointer items-center pt-[7px] text-2xl font-extrabold outline-0'
				aria-label={t('home')}
			>
				<Image
					src={logoImg}
					width={w}
					height={w * ar}
					alt={`${APP_NAME} logo`}
					className='w-[131]'
				/>
			</a>
		</div>
	)
}
