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

42 lines
1.0 KiB
TypeScript

import { Meta, StoryFn } from '@storybook/react';
import {
InvoicePaymentEmail,
InvoicePaymentEmailProps,
} from './InvoicePaymentEmail';
export default {
title: 'Email/InvoicePaymentEmail',
component: InvoicePaymentEmail,
} as Meta;
const Template: StoryFn<InvoicePaymentEmailProps> = (args) => (
<InvoicePaymentEmail {...args} />
);
export const Default: StoryFn<InvoicePaymentEmailProps> = Template.bind({});
Default.args = {
// Add default props here
invoiceNumber: 'INV-12345',
companyName: 'Bigcapital, Inc.',
invoiceMessage: `Hi Ahmed Bouhuolia,
Here's invoice # INV-00005 for $1,000.00
The amount outstanding of $1,000.00 is due on 10 Oct 2024.
From your online payment page you can print a PDF or view your outstanding bills.
If you have any questions, please let us know.
Thanks,
Bigcapital`,
dueDate: ' 10 Oct 2024',
total: '$1,000.00',
subtotal: '$1,000.00',
dueAmount: '$1,000.00',
items: [{ label: 'Swaniawski Muller', quantity: '1', rate: '$1,000.00' }],
adjustment: '$100.00',
discount: '$100.00',
};