@financial-times/n-conversion-forms/components/delivery-postcode.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 { DeliveryPostcode } from './delivery-postcode';
import { countriesSupportedISO } from '../helpers/supportedCountries';

export default {
	title: 'Delivery Postcode',
	component: DeliveryPostcode,
	argTypes: {
		additionalFieldInformation: { control: 'text' },
		country: {
			control: {
				type: 'inline-radio',
				options: countriesSupportedISO,
			},
		},
	},
};

export const Basic = (args) => <DeliveryPostcode {...args} />;
Basic.args = {
	additionalFieldInformation: 'Some extra information.',
};

export const WithLinkToChangeValue = (args) => <DeliveryPostcode {...args} />;
WithLinkToChangeValue.args = {
	country: 'USA',
	changePostcodeUrl: 'http://local.ft.com',
};