import { renderToStaticMarkup } from 'react-dom/server';
import type { Invoice } from './invoice.js';
function InvoiceDocument({ invoice }: { invoice: Invoice }) {
const total = invoice.lines.reduce(
(sum, line) => sum + line.quantity * line.unitPrice,
0,
);
return (
Invoice
{invoice.number}
Bill to: {invoice.customer.name}
{invoice.lines.map((line) => (
| {line.description} |
{line.quantity} |
${line.quantity * line.unitPrice} |
))}
Total: ${total}
);
}
export function renderReactInvoice(invoice: Invoice): string {
return `${renderToStaticMarkup(
,
)}`;
}