Portfolio website written with Next.js
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
wychdev-nextjs/components/header.tsx

24 lines
393 B

2 years ago
import Link from "next/link"
import styled from 'styled-components'
const Header = styled.header`
display: flex;
gap: 1rem;
align-items: center;
line-height: 1;
`
const Nav = styled(Header).attrs({as: "nav"})``
export default () => {
return (
<Header>
<h1>wych.dev</h1>
<Nav>
<Link href="/">Home</Link>
<Link href="/projects">Projects</Link>
</Nav>
</Header>
)
}