'use client'

import Image from 'next/image'
import Link from 'next/link'

import {APP_NAME} from '@/lib/constants'
import logoImg from '@/public/images/logo.svg'

export default function Logo() {
	const ar = 121 / 192
	const w = 112

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