30 lines
1015 B
JavaScript
30 lines
1015 B
JavaScript
import React from 'react';
|
|
import Link from './Link';
|
|
|
|
export default function Header() {
|
|
return (
|
|
<div className="branding">
|
|
<Link pageName="index" className="branding__logo"><img src="/assets/logo.svg"/></Link>
|
|
<div className="branding__content">
|
|
<div className="nav">
|
|
<div className="nav__item">
|
|
<Link pageName="help" className="icon-link">
|
|
<span className="icon icon--question icon-link__icon"></span>How to Use Technology Radar?
|
|
</Link>
|
|
</div>
|
|
<div className="nav__item">
|
|
<Link pageName="overview" className="icon-link">
|
|
<span className="icon icon--overview icon-link__icon"></span>Technologies Overview
|
|
</Link>
|
|
</div>
|
|
<div className="nav__item">
|
|
<a className="icon-link" href="#todo">
|
|
<span className="icon icon--search icon-link__icon"></span>Search
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|