Add pdf

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@react-pdf/renderer": "^2.0.19",
     "@redash/viz": "^0.1.1",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",

src/App.js

@@ -4,13 +4,18 @@ import "antd/dist/antd.css";
 
 /* eslint-disable import/no-webpack-loader-syntax */
 import Content from '!babel-loader!@mdx-js/loader!./Content.mdx'
+import React from 'react';
+import { PDFViewer } from '@react-pdf/renderer';
+import MyDocument from "./pdfDoc";
 
 
 function App() {
   return (
     <div className="App">
       <Content></Content>
-
+      <PDFViewer>
+        <MyDocument />
+      </PDFViewer>
     </div>
   );
 }

src/pdfDoc.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';
+import CbSummary from './components/cb/summary.js'
+
+
+
+
+// Create styles
+const styles = StyleSheet.create({
+  page: {
+    flexDirection: 'row',
+    backgroundColor: '#E4E4E4'
+  },
+  section: {
+    margin: 10,
+    padding: 10,
+    flexGrow: 1
+  }
+});
+
+// Multiple Lang suppport is required
+// Create Document Component
+const MyDocument = () => (
+  <Document>
+    <Page size="A4" style={styles.page}>
+      <View style={styles.section}>
+        <Text> <CbSummary></CbSummary> </Text>
+      </View>
+      <View style={styles.section}>
+        <Text>Section #2</Text>
+      </View>
+    </Page>
+  </Document>
+);
+
+export default MyDocument;