feat: wip invoice payment email template

shared/email-components/src/lib/InvoicePaymentEmail.stories.tsx

@@ -0,0 +1,36 @@
+import { Meta } from '@storybook/react';
+import { StoryFn } from '@storybook/react';
+import {
+  InvoicePaymentEmail,
+  InvoicePaymentEmailProps,
+} from './InvoicePaymentEmail';
+
+const meta: Meta<typeof InvoicePaymentEmail> = {
+  title: 'Invoice Payment Email',
+  component: InvoicePaymentEmail,
+};
+
+export default meta;
+
+const Template: StoryFn<typeof InvoicePaymentEmail> = (
+  args: InvoicePaymentEmailProps
+) => <InvoicePaymentEmail {...args} />;
+
+export const PreviewInvoicePaymentMail = Template.bind({});
+
+PreviewInvoicePaymentMail.args = {
+  preview: 'Preview text',
+  companyName: 'ABC Company',
+  companyLogoUri: 'https://example.com/logo.png',
+  invoiceAmount: '100.00',
+  dueDate: '2022-12-31',
+  invoiceMessage: 'Thank you for your purchase!',
+  invoiceNumber: 'INV-001',
+  dueAmount: '100.00',
+  total: '100.00',
+  viewInvoiceButtonUrl: 'https://example.com/invoice',
+  items: [
+    { label: 'Item 1', quantity: '1', rate: '50.00' },
+    { label: 'Item 2', quantity: '2', rate: '25.00' },
+  ],
+};