Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/vitest-dev/vitest. Next generation testing framework powered by Vite. vitest.dev
Something went wrong. Try again.
602 B · 32 lines
TSX
at v1
123456789101112131415161718192021222324252627282930313233import React, { useState } from 'react'
const STATUS = { HOVERED: 'hovered', NORMAL: 'normal',}
function Link({ page, children }: React.PropsWithChildren<{ page: string }>) { const [status, setStatus] = useState(STATUS.NORMAL)
const onMouseEnter = () => { setStatus(STATUS.HOVERED) }
const onMouseLeave = () => { setStatus(STATUS.NORMAL) }
return ( <a className={status} href={page || '#'} aria-label={`Link is ${status}`} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} > {children} </a> )}
export default Link