-
Notifications
You must be signed in to change notification settings - Fork 0
/
Header.js
34 lines (29 loc) · 894 Bytes
/
Header.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// this comment tells babel to convert jsx to calls to a function called jsx instead of React.createElement
// Had to debug standard import statement. See https://github.com/emotion-js/emotion/issues/2041#issuecomment-708263981
/** @jsxImportSource @emotion/react */
import { css } from '@emotion/react'
import React, { PureComponent, Fragment } from 'react';
const style = css`
@font-face: {
font-family: 'SEGA LOGO FONT';
font-style: normal;
font-weight: normal;
src: local(''), url('/fonts/SEGA.woff') format('woff2');
}
h1 {
font-family: 'SEGA LOGO FONT';
font-weight: 200;
color: lightgrey;
}
`
// Prevent re-rendering of component using Class-based Pure Component when there are no changes
class Header extends PureComponent {
render() {
return (
<>
<h1 css={style}>RoboFriends</h1>
</>
)
}
}
export default Header;