+
+
+
+
+
+
+ Invoice
+ #AB2324-01
+
+ 
+
+
+
+
+
+
+
+
+ Issued
+{issueDate}
+
+
+ Due
+{dueDate}
+
+
+ Billed To
++ {billedTo.name} +
+{billedTo.address}
++ {billedTo.city}, {billedTo.state} {billedTo.zip} +
+{billedTo.phone}
+
+
+ From
++ {yourCompany.name} +
+{yourCompany.address}
++ {yourCompany.city}, {yourCompany.state} {yourCompany.zip} +
++ TAX ID {yourCompany.taxId} +
+
+
+
+
+
+
+
+ | + Service + | ++ Qty + | ++ Rate + | ++ Line total + | +
|---|---|---|---|
| + | + Subtotal + | ++ | + {intl.formatNumber(subtotal, { + style: "currency", + currency: "USD", + })} + | +
| + | + Tax ({taxRate * 100}%) + | ++ | + {intl.formatNumber(tax, { + style: "currency", + currency: "USD", + })} + | +
| + | + Total + | ++ | + {intl.formatNumber(total, { + style: "currency", + currency: "USD", + })} + | +
| + | + Amount due + | ++ | + {intl.formatNumber(total, { + style: "currency", + currency: "USD", + })} + | +
+ {service.name}
+ {service.description}
+
+
+ {introText &&
+ );
+ }
+
+ return (
+ {introText.trim()}
} +-
+ {listItems.map((item, i) => (
+
- + • + {item.replace('•', '').trim()} + + ))} +
+ {paragraph} +
+ ); + }); + }; + + return ( +
+ 
+
+
+ {/* Date and Reference */}
+
+
+
+ {sender.address}
+ {sender.city}
+
+
+
+
+
+
+
+
+
+ {/* Recipient's Information */}
+ {date}
+
+
+
+ {/* Subject Line */}
+ {recipient.name}
+ {recipient.title}
+ {recipient.company}
+ {recipient.address}
+ {recipient.city}
+
+ Subject: {subject}
+
+
+ {/* Salutation */}
+
+ Dear {recipient.name},
+
+
+ {/* Content with proper paragraph and list spacing */}
+
+ {processContent(content)}
+
+
+
+ {closing},
+
+ {senderContact.name}
+ {senderContact.title}
+ {sender.name}
+ 
+ Order Confirmation
++ Thank you for your purchase! Your order has been confirmed and will ship in the next 24 hours. + For any inquiries, please reach out to our support team. +
+
+
+
+
+
+
+
+
+ + Order Information +
+-
+
- Order Number +
- {orderNumber} +
- Order Date +
- {orderDate} +
- Total Amount +
- ${calculateTotal().toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} +
+
+
+
+
+
+ + Billing Information +
+
+
+ {billingAddress.name}
+{billingAddress.street}
++ {billingAddress.city}, {billingAddress.state} {billingAddress.zip} +
+{billingAddress.country}
+
+
+ + Customer ID: ACME-2023 +
+Order Summary
+| Item | +Qty | +Price | +Total | +
|---|---|---|---|
|
+
+
+
+
+ {item.name} +{item.description} + |
+ {item.quantity} | +
+ {item.discountedPrice ? (
+ <>
+ {item.price} +{item.discountedPrice} + + ) : ( +{item.price} + )} + |
+ + ${(item.quantity * parseFloat((item.discountedPrice || item.price).replace('$', '').replace(',', ''))).toLocaleString('en-US', { + minimumFractionDigits: 2, + maximumFractionDigits: 2 + })} + | +
| Total: | ++ ${calculateTotal().toLocaleString('en-US', { + minimumFractionDigits: 2, + maximumFractionDigits: 2 + })} + | +
+
+ );
+}
+
+function Link({ href, children }: { href: string; children: React.ReactNode }) {
+ return (
+
+ {children}
+
+ );
+}
+
+function Resume({
+ name,
+ summary,
+ contact,
+ experience,
+ projects,
+ education,
+ skills,
+}: ResumeProps) {
+ return (
+ {children}
+
+
+
+ {name}
+
+
+
+
+
+
+
+
+
+
+
+
+ + Technical leader with 12 years of experience as an engineering leader — see my work at johndoe.com. +
+
+
+ ))}
+
+ {job.company}
+
+ {job.startDate} – {job.endDate}
+
+
+
+ {job.title}
+ {job.location}
+
+ -
+ {job.achievements.map((achievement, i) => (
+
- + {achievement} + + ))} +
+
+ ))}
+
+ {project.name}
+ {project.dateRange}
+
+
+ -
+ {project.achievements.map((achievement, i) => (
+
- + {achievement} + + ))} +
+ {education.school}
+
+ {education.startDate} – {education.endDate}
+
+
+
+ {education.degree}
+ {education.location}
+
+ | Languages | +{skills.languages.join(", ")} | +
| Frameworks | +{skills.frameworks.join(", ")} | +
| Technologies | +{skills.technologies.join(", ")} | +
-