You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
carbon/components/Footer.js

53 lines
1.1 KiB
JavaScript

import React from 'react'
import Link from 'next/link'
import { COLORS } from '../lib/constants'
7 years ago
const Footer = props => (
<footer role="contentinfo" className="mt3">
<nav role="navigation" className="mt3">
7 years ago
<Link href="/about">
<a className="link">about</a>
</Link>
<a className="link" href="https://github.com/dawnlabs/carbon/issues/new">
send feedback
</a>
<a className="link" href="https://github.com/dawnlabs/carbon">
source
</a>
</nav>
7 years ago
<div className="mt3 mb2">
a project by{' '}
<a className="dawn-link" href="https://dawnlabs.io">
Dawn Labs
</a>{' '}
¬
</div>
<style jsx>{`
footer > div {
text-align: center;
font-size: 14px;
color: ${COLORS.GRAY};
}
a {
margin-right: 16px;
}
a:last-child {
margin-right: 0;
}
7 years ago
.dawn-link {
color: ${COLORS.PRIMARY};
7 years ago
text-decoration: none;
}
.dawn-link:hover {
color: #fff;
}
`}</style>
</footer>
)
export default Footer