Files: eb3938470f7dee8766731b14c7345333971487e8 / components / header.tsx
832 bytesRaw
1 | import {FunctionComponent, Fragment} from 'react'; |
2 | |
3 | interface Props { |
4 | showMenu?: boolean; |
5 | } |
6 | |
7 | const Header: FunctionComponent<Props> = ({ showMenu = true }) => { |
8 | return ( |
9 | <Fragment> |
10 | <header className="header"> |
11 | <div className="logo"> |
12 | <div className="ring"> |
13 | <div className="internal-ring"> |
14 | <hr /> |
15 | <span>RAA</span> |
16 | <hr /> |
17 | </div> |
18 | </div> |
19 | </div> |
20 | <div className="texts"> |
21 | <h1>Rômulo Alves</h1> |
22 | <h2>Software Engineer</h2> |
23 | </div> |
24 | </header> |
25 | {showMenu && ( |
26 | <nav className="nav"> |
27 | <ul> |
28 | <li><a href="#">About me</a></li> |
29 | <li><a href="#">Resumé</a></li> |
30 | </ul> |
31 | </nav> |
32 | )} |
33 | </Fragment> |
34 | ); |
35 | }; |
36 | |
37 | export default Header; |
Built with git-ssb-web