@financial-times/n-conversion-forms/components/lite-sub-confirmation.stories.js

Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).

import React from 'react';
import { LiteSubConfirmation } from './lite-sub-confirmation';

export default {
	title: 'Light confirmation',
	component: LiteSubConfirmation,
	argTypes: {
		details: { control: 'array' },
		offerType: { control: 'string' },
		offerName: { control: 'string' },
	},
};

export const Basic = (args) => <LiteSubConfirmation {...args} />;
Basic.args = {
	offerType: 'Premium',
	details: [
		{
			title: 'End Date',
			data: 'September 3, 2021',
		},
		{
			title: '3 monthly payments',
			data: '$5.00 per month',
		},
		{
			title: 'Payment method',
			data: 'Credit / Debit Card',
		},
	],
	offerName: 'Standard',
	subscriptionAmount: '$5',
};