From 10dbff87243b91fb4e50a86f1ec4cc30d5c63dc0 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 12 Jul 2021 10:42:05 +0530
Subject: implemented sleek way to handle generating PDFs

---
 src/components/Print/PrintableDoc.tsx | 39 +++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/components/Print/PrintableDoc.tsx

(limited to 'src/components/Print/PrintableDoc.tsx')

diff --git a/src/components/Print/PrintableDoc.tsx b/src/components/Print/PrintableDoc.tsx
new file mode 100644
index 0000000..bcabcbc
--- /dev/null
+++ b/src/components/Print/PrintableDoc.tsx
@@ -0,0 +1,39 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React, { /*useState,*/ } from "react";
+import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';
+
+const styles = StyleSheet.create({
+  page: {
+    flexDirection: 'row',
+    backgroundColor: '#E4E4E4'
+  },
+  section: {
+    margin: 10,
+    padding: 10,
+    flexGrow: 1
+  }
+});
+
+const PrintableDoc: React.FC = () => {
+  return (
+    <Document>
+      <Page size="A4" style={styles.page}>
+        <View style={styles.section}>
+          <Text>Section #1</Text>
+        </View>
+        <View style={styles.section}>
+          <Text>Section #2</Text>
+        </View>
+      </Page>
+    </Document>
+  );
+}
+
+export default PrintableDoc;
-- 
cgit v1.2.3

