import NextLink from 'next/link'
import { useRouter } from 'next/router'
import { useEffect } from 'react'

const Link = ({ children, ...props }) => {
  const router = useRouter()

  useEffect(() => {
    router.events.on('routeChangeComplete', () => window.scrollTo({ top: 0, behavior: 'smooth' }))
  }, [router])

  return (
    <NextLink
      {...props}
      scroll={false}
      className={`block font-medium text-danger-500 ${props?.className || ''}`}
    >
      {children}
    </NextLink>
  )
}

Link.defaultProps = NextLink.defaultProps

export default Link