import {Heart, ShoppingCartIcon, UserIcon} from 'lucide-react'
import {useTranslations} from 'next-intl'

import CabinetButton from '@/components/shared/header/cabinet-button'
import {Link} from '@/i18n/routing'

export default function HeaderControls() {
	const t = useTranslations('cart')

	return (
		<div className='flex w-full justify-end gap-x-9 text-brand-violet'>
			<CabinetButton />

			<Link href={'#' as never} className='header-button' aria-label='Вибране'>
				<button className='flex flex-col items-center' role='button'>
					<Heart className='h-[21px] w-[21px]' />
					<span className='font1-bold text-sm'>{t('favorites')}</span>
				</button>
			</Link>

			<Link
				href={'/checkout' as never}
				className='header-button'
				aria-label='Кошик'
			>
				<button className='flex flex-col items-center' role='button'>
					<ShoppingCartIcon className='h-[21px] w-[21px]' />

					<span className='font1-bold text-sm'>{t('basket')}</span>
				</button>
			</Link>
		</div>
	)
}