26 lines
		
	
	
		
			780 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			26 lines
		
	
	
		
			780 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import {Heart} from 'lucide-react'
 | |
| import {useTranslations} from 'next-intl'
 | |
| 
 | |
| import CabinetButton from '@/components/shared/header/cabinet-button'
 | |
| import HeaderShoppingCartIcon from '@/components/shared/header/shopping-cart-icon'
 | |
| 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>
 | |
| 
 | |
| 			<HeaderShoppingCartIcon />
 | |
| 		</div>
 | |
| 	)
 | |
| }
 |