'use client'

// 31:47
import {ChevronUp} from 'lucide-react'
import {useLocale} from 'next-intl'

import SocialMediaPanel from '@/components/shared/social-media-panel'
import {Link} from '@/i18n/routing'
import {Button} from '@/ui/button'

export default function Footer() {
	const locale = useLocale()

	return (
		<footer className='w-full bg-brand-violet py-3 text-white'>
			<div className='container flex items-center justify-between'>
				<div>
					<Link href={'/privacy-policy'}>
						{locale === 'uk'
							? 'Політика конфіденційності'
							: 'Политика конфиденциальности'}
					</Link>
				</div>
				<div>
					<Link href={'/offer-contract'}>
						{locale === 'uk' ? 'Договір оферти' : 'Договор оферты'}
					</Link>
				</div>
				<div>Доставка і повернення</div>
				<div>Контакти</div>
				<SocialMediaPanel color='#fff' />
				{/*<Button
					variant='ghost'
					className='rounded-none bg-brand-violet'
					onClick={() => window.scrollTo({top: 0, behavior: 'smooth'})}
				>
					<ChevronUp className='mr-2 h-4 w-4' />
				</Button>*/}
			</div>
		</footer>
	)
}
