35 lines
1010 B
TypeScript
35 lines
1010 B
TypeScript
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>
|
|
)
|
|
}
|