'use client'

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

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

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