-
Notifications
You must be signed in to change notification settings - Fork 0
/
Resume.tsx
50 lines (46 loc) · 1.09 KB
/
Resume.tsx
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import React from 'react'
import { Page, View, Document, StyleSheet } from '@react-pdf/renderer'
import typography from 'components/typography'
import Header from 'sections/Header'
import Experience from 'sections/Experience'
import Education from 'sections/Education'
import Skills from 'sections/Skills'
import Footer from 'sections/Footer'
const styles = StyleSheet.create({
page: {
flexDirection: 'column',
backgroundColor: 'white',
padding: '20 30',
},
body: {
flexDirection: 'row',
flexGrow: 1,
},
content: {
flex: 6,
},
sidePanel: {
flex: 1,
marginLeft: 10,
},
})
function ResumeDocument() {
return (
<Document title="Luke Chapman Résumé">
<Page size="A4" style={[typography.body, styles.page]}>
<Header />
<View style={styles.body}>
<View style={styles.content}>
<Experience />
<Education />
</View>
<View style={styles.sidePanel}>
<Skills />
</View>
</View>
<Footer />
</Page>
</Document>
)
}
export default ResumeDocument