react-pdf-levelup 1.0.4

package/src/components/PDF/templates/ReportTemplate.tsx

@@ -0,0 +1,57 @@
+"use client"
+import type React from "react"
+import { LayoutPDF, P, H1, Table, Thead, Tbody, Tr, Th, Td, H2 } from "../core"
+
+const ReportTemplate: React.FC = () => {
+  return (
+    <LayoutPDF>
+      <H1>Reporte Anual de Ventas</H1>
+      <P>Año: 2023</P>
+
+      <H2>Resumen Ejecutivo</H2>
+      <P>Este reporte presenta un análisis detallado de las ventas anuales de nuestra empresa.</P>
+
+      <H2>Ventas por Trimestre</H2>
+      <Table>
+        <Thead>
+          <Tr isFirst>
+            <Th>Trimestre</Th>
+            <Th>Ventas</Th>
+            <Th>Crecimiento</Th>
+          </Tr>
+        </Thead>
+        <Tbody>
+          <Tr index={0}>
+            <Td>Q1</Td>
+            <Td>$500,000</Td>
+            <Td>-</Td>
+          </Tr>
+          <Tr index={1}>
+            <Td>Q2</Td>
+            <Td>$650,000</Td>
+            <Td>30%</Td>
+          </Tr>
+          <Tr index={2}>
+            <Td>Q3</Td>
+            <Td>$800,000</Td>
+            <Td>23%</Td>
+          </Tr>
+          <Tr index={3}>
+            <Td>Q4</Td>
+            <Td>$1,000,000</Td>
+            <Td>25%</Td>
+          </Tr>
+        </Tbody>
+      </Table>
+
+      <H2>Conclusiones</H2>
+      <P>
+        Las ventas han mostrado un crecimiento constante a lo largo del año, con un aumento significativo en el último
+        trimestre.
+      </P>
+    </LayoutPDF>
+  )
+}
+
+export default ReportTemplate
+

package/src/components/PDF/templates/ResumeTemplate.tsx

@@ -0,0 +1,170 @@
+"use client"
+import type React from "react"
+import { LayoutPDF } from "../core"
+import { StyleSheet, View, Text } from "@react-pdf/renderer"
+
+const styles = StyleSheet.create({
+  header: {
+    marginBottom: 20,
+  },
+  name: {
+    fontSize: 24,
+    fontWeight: "bold",
+    marginBottom: 5,
+    color: "#2c3e50",
+  },
+  contact: {
+    fontSize: 10,
+    color: "#7f8c8d",
+    marginBottom: 3,
+  },
+  section: {
+    marginBottom: 15,
+  },
+  sectionTitle: {
+    fontSize: 14,
+    fontWeight: "bold",
+    color: "#2c3e50",
+    borderBottomWidth: 1,
+    borderBottomColor: "#bdc3c7",
+    paddingBottom: 5,
+    marginBottom: 10,
+  },
+  experienceItem: {
+    marginBottom: 10,
+  },
+  jobTitle: {
+    fontSize: 12,
+    fontWeight: "bold",
+    color: "#34495e",
+  },
+  company: {
+    fontSize: 11,
+    color: "#7f8c8d",
+  },
+  date: {
+    fontSize: 10,
+    color: "#95a5a6",
+  },
+  description: {
+    fontSize: 10,
+    color: "#2c3e50",
+    marginTop: 5,
+  },
+  skills: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    marginTop: 5,
+  },
+  skill: {
+    fontSize: 10,
+    backgroundColor: "#ecf0f1",
+    padding: "3 8",
+    marginRight: 5,
+    marginBottom: 5,
+    borderRadius: 3,
+  },
+  education: {
+    marginBottom: 8,
+  },
+  degree: {
+    fontSize: 11,
+    fontWeight: "bold",
+    color: "#34495e",
+  },
+  school: {
+    fontSize: 10,
+    color: "#7f8c8d",
+  },
+})
+
+const ResumeTemplate: React.FC = () => {
+  return (
+    <LayoutPDF>
+      {/* Header */}
+      <View style={styles.header}>
+        <Text style={styles.name}>John Doe</Text>
+        <Text style={styles.contact}>📧 john.doe@email.com | 📱 (555) 123-4567</Text>
+        <Text style={styles.contact}>🌍 New York, NY | 🔗 linkedin.com/in/johndoe</Text>
+      </View>
+
+      {/* Professional Summary */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Professional Summary</Text>
+        <Text style={styles.description}>
+          Senior Software Engineer with 8+ years of experience in full-stack development, specializing in React,
+          Node.js, and cloud technologies. Proven track record of leading teams and delivering high-impact projects in
+          fast-paced environments.
+        </Text>
+      </View>
+
+      {/* Experience */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Professional Experience</Text>
+
+        <View style={styles.experienceItem}>
+          <Text style={styles.jobTitle}>Senior Software Engineer</Text>
+          <Text style={styles.company}>Tech Solutions Inc.</Text>
+          <Text style={styles.date}>Jan 2020 - Present</Text>
+          <Text style={styles.description}>
+            • Led a team of 5 developers in rebuilding the company's flagship product using React and Node.js{"\n"}•
+            Implemented CI/CD pipelines reducing deployment time by 60%{"\n"}• Architected microservices infrastructure
+            supporting 1M+ daily users
+          </Text>
+        </View>
+
+        <View style={styles.experienceItem}>
+          <Text style={styles.jobTitle}>Software Engineer</Text>
+          <Text style={styles.company}>Digital Innovations Corp</Text>
+          <Text style={styles.date}>Jun 2017 - Dec 2019</Text>
+          <Text style={styles.description}>
+            • Developed and maintained multiple client-facing applications{"\n"}• Reduced application load time by 40%
+            through optimization{"\n"}• Mentored junior developers and led code reviews
+          </Text>
+        </View>
+      </View>
+
+      {/* Skills */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Technical Skills</Text>
+        <View style={styles.skills}>
+          <Text style={styles.skill}>React</Text>
+          <Text style={styles.skill}>Node.js</Text>
+          <Text style={styles.skill}>TypeScript</Text>
+          <Text style={styles.skill}>AWS</Text>
+          <Text style={styles.skill}>Docker</Text>
+          <Text style={styles.skill}>MongoDB</Text>
+          <Text style={styles.skill}>GraphQL</Text>
+          <Text style={styles.skill}>CI/CD</Text>
+          <Text style={styles.skill}>Agile</Text>
+        </View>
+      </View>
+
+      {/* Education */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Education</Text>
+        <View style={styles.education}>
+          <Text style={styles.degree}>Master of Science in Computer Science</Text>
+          <Text style={styles.school}>Stanford University, 2017</Text>
+        </View>
+        <View style={styles.education}>
+          <Text style={styles.degree}>Bachelor of Science in Software Engineering</Text>
+          <Text style={styles.school}>University of California, Berkeley, 2015</Text>
+        </View>
+      </View>
+
+      {/* Certifications */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Certifications</Text>
+        <View style={styles.skills}>
+          <Text style={styles.skill}>AWS Certified Solutions Architect</Text>
+          <Text style={styles.skill}>Google Cloud Professional</Text>
+          <Text style={styles.skill}>Certified Scrum Master</Text>
+        </View>
+      </View>
+    </LayoutPDF>
+  )
+}
+
+export default ResumeTemplate
+

package/src/components/PDF/templates/TablasTemplate.tsx

@@ -0,0 +1,307 @@
+"use client"
+import type React from "react"
+import { LayoutPDF, P, H1, Table, Thead, Tbody, Tr, Th, Td, H2 } from "../core"
+import { StyleSheet, View, Text  } from "@react-pdf/renderer"
+
+type DocumentoTemplateProps = {}
+
+const DocumentoTemplate: React.FC<DocumentoTemplateProps> = () => {
+    return (
+        <LayoutPDF>
+
+            <Table>
+                <Thead>
+                    <Tr>
+                        <Th>Producto</Th>
+                        <Th>Cantidad</Th>
+                        <Th>Precio</Th>
+                        <Th>Total</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr >
+                        <Td>Laptop HP 15"</Td>
+                        <Td>1</Td>
+                        <Td>$899.99</Td>
+                        <Td>$899.99</Td>
+                    </Tr>
+                    <Tr>
+                        <Td>Monitor Dell 24"</Td>
+                        <Td>2</Td>
+                        <Td>$249.99</Td>
+                        <Td>$499.98</Td>
+                    </Tr>
+                    <Tr>
+                        <Td>Teclado Mecánico</Td>
+                        <Td>1</Td>
+                        <Td>$89.99</Td>
+                        <Td>$89.99</Td>
+                    </Tr>
+                    <Tr>
+                        <Td>Mouse Inalámbrico</Td>
+                        <Td>1</Td>
+                        <Td>$45.99</Td>
+                        <Td>$45.99</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ fontWeight: "bold" }}>Total</Td>
+                        <Td></Td>
+                        <Td></Td>
+                        <Td style={{ fontWeight: "bold" }}>$1,535.95</Td>
+                    </Tr>
+                </Tbody>
+            </Table>
+
+            <H2 style={{ marginTop: 20 }}>Tabla con estilos personalizados</H2>
+            <Table style={{ borderColor: "#3366cc", borderWidth: 1 }}>
+                <Thead>
+                    <Tr>
+                        <Th style={{ backgroundColor: "#3366cc", color: "white" }}>Departamento</Th>
+                        <Th style={{ backgroundColor: "#3366cc", color: "white" }}>Responsable</Th>
+                        <Th style={{ backgroundColor: "#3366cc", color: "white" }}>Presupuesto</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr >
+                        <Td>Marketing</Td>
+                        <Td>Juan Pérez</Td>
+                        <Td>$25,000</Td>
+                    </Tr>
+                    <Tr >
+                        <Td>Ventas</Td>
+                        <Td>María García</Td>
+                        <Td>$35,000</Td>
+                    </Tr>
+                    <Tr>
+                        <Td>Desarrollo</Td>
+                        <Td>Carlos López</Td>
+                        <Td>$45,000</Td>
+                    </Tr>
+                </Tbody>
+            </Table>
+            <H2 style={{ marginBottom: 20 }}>Resumen Financiero</H2>
+            <Table>
+                <Thead>
+                    <Tr>
+                        <Th style={{ backgroundColor: "#4CAF50", color: "white" }}>Categoría</Th>
+                        <Th style={{ backgroundColor: "#4CAF50", color: "white" }}>Ingresos</Th>
+                        <Th style={{ backgroundColor: "#4CAF50", color: "white" }}>Gastos</Th>
+                        <Th style={{ backgroundColor: "#4CAF50", color: "white" }}>Balance</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr>
+                        <Td>Ventas</Td>
+                        <Td>$50,000</Td>
+                        <Td>$10,000</Td>
+                        <Td style={{ fontWeight: "bold" }}>$40,000</Td>
+                    </Tr>
+                    <Tr>
+                        <Td>Inversiones</Td>
+                        <Td>$20,000</Td>
+                        <Td>$5,000</Td>
+                        <Td style={{ fontWeight: "bold" }}>$15,000</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ fontWeight: "bold" }}>Total</Td>
+                        <Td></Td>
+                        <Td></Td>
+                        <Td style={{ fontWeight: "bold", color: "#4CAF50" }}>$55,000</Td>
+                    </Tr>
+                </Tbody>
+            </Table>
+
+            <H2 style={{ marginTop: 20 }}>Desempeño de Empleados</H2>
+            <Table style={{ width: "100%", borderCollapse: "collapse", borderRadius: "10px", overflow: "hidden" }}>
+                <Thead>
+                    <Tr style={{ backgroundColor: "#2C3E50", color: "white", textAlign: "left" }}>
+                        <Th style={{ padding: "10px" }}>Empleado</Th>
+                        <Th style={{ padding: "10px" }}>Departamento</Th>
+                        <Th style={{ padding: "10px" }}>Evaluación</Th>
+                        <Th style={{ padding: "10px" }}>Bonificación</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr style={{ backgroundColor: "#ECF0F1" }}>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #BDC3C7" }}>Ana Pérez</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #BDC3C7" }}>Marketing</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #BDC3C7" }}>Excelente</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #BDC3C7" }}>$1,200</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #BDC3C7" }}>Carlos Gómez</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #BDC3C7" }}>Ventas</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #BDC3C7" }}>Bueno</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #BDC3C7" }}>$800</Td>
+                    </Tr>
+                    <Tr style={{ backgroundColor: "#ECF0F1" }}>
+                        <Td style={{ padding: "10px" }}>María López</Td>
+                        <Td style={{ padding: "10px" }}>Desarrollo</Td>
+                        <Td style={{ padding: "10px" }}>Sobresaliente</Td>
+                        <Td style={{ padding: "10px" }}>$1,500</Td>
+                    </Tr>
+                </Tbody>
+            </Table>
+
+            <H2 style={{ marginTop: 40 }}>Reporte de Ventas Mensuales</H2>
+            <Table style={{ width: "100%", borderCollapse: "collapse", borderRadius: "10px", overflow: "hidden" }}>
+                <Thead>
+                    <Tr style={{ backgroundColor: "#E67E22", color: "white", textAlign: "left" }}>
+                        <Th style={{ padding: "10px" }}>Mes</Th>
+                        <Th style={{ padding: "10px" }}>Ventas Totales</Th>
+                        <Th style={{ padding: "10px" }}>Meta</Th>
+                        <Th style={{ padding: "10px" }}>Cumplimiento</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr style={{ backgroundColor: "#FDE3A7" }}>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #E67E22" }}>Enero</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #E67E22" }}>$50,000</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #E67E22" }}>$45,000</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #E67E22", fontWeight: "bold", color: "#27AE60" }}>✔ Cumplida</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #E67E22" }}>Febrero</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #E67E22" }}>$38,000</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #E67E22" }}>$50,000</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #E67E22", fontWeight: "bold", color: "#C0392B" }}>✖ No cumplida</Td>
+                    </Tr>
+                    <Tr style={{ backgroundColor: "#FDE3A7" }}>
+                        <Td style={{ padding: "10px" }}>Marzo</Td>
+                        <Td style={{ padding: "10px" }}>$60,000</Td>
+                        <Td style={{ padding: "10px" }}>$55,000</Td>
+                        <Td style={{ padding: "10px", fontWeight: "bold", color: "#27AE60" }}>✔ Cumplida</Td>
+                    </Tr>
+                </Tbody>
+            </Table>
+            <H2 style={{ marginTop: 20 }}>Asistencia de Empleados</H2>
+            <Table style={{ width: "100%", borderCollapse: "collapse", borderRadius: "10px", overflow: "hidden" }}>
+                <Thead>
+                    <Tr style={{ backgroundColor: "#8E44AD", color: "white", textAlign: "left" }}>
+                        <Th style={{ padding: "10px" }}>Empleado</Th>
+                        <Th style={{ padding: "10px" }}>Días Asistidos</Th>
+                        <Th style={{ padding: "10px" }}>Faltas</Th>
+                        <Th style={{ padding: "10px" }}>Porcentaje de Asistencia</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr style={{ backgroundColor: "#F3E5F5" }}>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #8E44AD" }}>Pedro Ramírez</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #8E44AD" }}>24</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #8E44AD" }}>2</Td>
+                        <Td style={{ padding: "10px", fontWeight: "bold", color: "#27AE60" }}>92%</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #8E44AD" }}>Laura Fernández</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #8E44AD" }}>20</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #8E44AD" }}>6</Td>
+                        <Td style={{ padding: "10px", fontWeight: "bold", color: "#C0392B" }}>77%</Td>
+                    </Tr>
+                    <Tr style={{ backgroundColor: "#F3E5F5" }}>
+                        <Td style={{ padding: "10px" }}>José García</Td>
+                        <Td style={{ padding: "10px" }}>23</Td>
+                        <Td style={{ padding: "10px" }}>3</Td>
+                        <Td style={{ padding: "10px", fontWeight: "bold", color: "#27AE60" }}>88%</Td>
+                    </Tr>
+                </Tbody>
+            </Table>
+
+            <H2 style={{ marginTop: 40 }}>Progreso de Proyectos</H2>
+            <Table style={{ width: "100%", borderCollapse: "collapse", borderRadius: "10px", overflow: "hidden" }}>
+                <Thead>
+                    <Tr style={{ backgroundColor: "#16A085", color: "white", textAlign: "left" }}>
+                        <Th style={{ padding: "10px" }}>Proyecto</Th>
+                        <Th style={{ padding: "10px" }}>Responsable</Th>
+                        <Th style={{ padding: "10px" }}>Progreso</Th>
+                        <Th style={{ padding: "10px" }}>Estado</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr style={{ backgroundColor: "#D5F5E3" }}>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #16A085" }}>App Móvil</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #16A085" }}>María López</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #16A085" }}>
+                            <div style={{ width: "100%", backgroundColor: "#A3E4D7", borderRadius: "5px" }}>
+                                <div style={{ width: "80%", backgroundColor: "#16A085", padding: "5px", borderRadius: "5px", textAlign: "center", color: "white" }}>80%</div>
+                            </div>
+                        </Td>
+                        <Td style={{ padding: "10px", fontWeight: "bold", color: "#27AE60" }}>En curso</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #16A085" }}>Web Corporativa</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #16A085" }}>Carlos Gómez</Td>
+                        <Td style={{ padding: "10px", borderBottom: "1px solid #16A085" }}>
+                            <div style={{ width: "100%", backgroundColor: "#A3E4D7", borderRadius: "5px" }}>
+                                <div style={{ width: "45%", backgroundColor: "#16A085", padding: "5px", borderRadius: "5px", textAlign: "center", color: "white" }}>45%</div>
+                            </div>
+                        </Td>
+                        <Td style={{ padding: "10px", fontWeight: "bold", color: "#E67E22" }}>Retrasado</Td>
+                    </Tr>
+                    <Tr style={{ backgroundColor: "#D5F5E3" }}>
+                        <Td style={{ padding: "10px" }}>Sistema de Inventarios</Td>
+                        <Td style={{ padding: "10px" }}>Ana Pérez</Td>
+                        <Td style={{ padding: "10px" }}>
+                            <div style={{ width: "100%", backgroundColor: "#A3E4D7", borderRadius: "5px" }}>
+                                <div style={{ width: "100%", backgroundColor: "#16A085", padding: "5px", borderRadius: "5px", textAlign: "center", color: "white" }}>100%</div>
+                            </div>
+                        </Td>
+                        <Td style={{ padding: "10px", fontWeight: "bold", color: "#2ECC71" }}>Completado</Td>
+                    </Tr>
+                </Tbody>
+            </Table>
+            <Table style={{ width: "100%", borderCollapse: "collapse", border: "1px solid black" }}>
+                <Thead>
+                    <Tr>
+                        <Th colSpan={2} style={{ border: "1px solid black", padding: "10px", textAlign: "center" }}>
+                            Header with Colspan = 2
+                        </Th>
+                        <Th style={{ border: "1px solid black", padding: "10px", textAlign: "center" }}>
+                            Header 3
+                        </Th>
+                    </Tr>
+                    <Tr>
+                        <Th style={{ border: "1px solid black", padding: "10px", textAlign: "center" }}>Header 1</Th>
+                        <Th style={{ border: "1px solid black", padding: "10px", textAlign: "center" }}>Header 2</Th>
+                        <Th style={{ border: "1px solid black", padding: "10px", textAlign: "center" }}>Header 3</Th>
+                    </Tr>
+                </Thead>
+                <Tbody>
+                    <Tr>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 1</Td>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 2</Td>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 3</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ border: "1px solid black", padding: "10px", verticalAlign: "top" }}>
+                            rowSpan set to 3 <br />
+                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+                        </Td>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 2</Td>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 3</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 2</Td>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 3</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 2</Td>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 3</Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 1</Td>
+                        <Td  colSpan={2} style={{ border: "1px solid black", padding: "10px", textAlign: "center" }}>
+                            Both: <br /> rowSpan and colSpan <br /> can be defined at the same time
+                        </Td>
+                    </Tr>
+                    <Tr>
+                        <Td style={{ border: "1px solid black", padding: "10px" }}>Sample value 1</Td>
+                    </Tr>
+                </Tbody>
+            </Table>
+
+        </LayoutPDF>
+    )
+}
+
+export default DocumentoTemplate
+

package/src/components/PDF/templates/index.ts

@@ -0,0 +1,9 @@
+export { default as AllTemplate } from "./AllTemplate"
+export { default as InvoiceTemplate } from "./InvoiceTemplate"
+export { default as ReportTemplate } from "./ReportTemplate"
+export { default as CertificateTemplate } from "./CertificateTemplate"
+export { default as BusinessCardTemplate } from "./BusinessCardTemplate"
+export { default as ProposalTemplate } from "./ProposalTemplate"
+export { default as HeaderFooterTemplate } from "./HeaderFooterTemplate"
+export { default as TablasTemplate } from "./TablasTemplate"
+