Files
bewell-in-ua/components/shared/header/controls.tsx

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-6 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>
)
}