@financial-times/n-conversion-forms/components/delivery-address.stories.js

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

import React from 'react';
import { DeliveryAddress } from './delivery-address';

export default {
	title: 'Delivery Address',
	component: DeliveryAddress,
	argTypes: {
		fieldId: { control: 'text' },
		hasError: { control: 'boolean' },
		line1: { control: 'text' },
		line2: { control: 'text' },
		line3: { control: 'text' },
		isDisabled: { control: 'boolean' },
		isHidden: { control: 'boolean' },
	},
};

export const Basic = (args) => <DeliveryAddress {...args} />;

export const UnitedStatesDeliveryAddress = (args) => (
	<DeliveryAddress {...args} />
);
UnitedStatesDeliveryAddress.args = {
	country: 'USA',
	addressType: 'home',
};

export const GreatBritainDeliveryAddress = (args) => (
	<DeliveryAddress {...args} />
);
GreatBritainDeliveryAddress.args = {
	country: 'GBR',
	addressType: 'home',
};

export const SpainDeliveryAddress = (args) => <DeliveryAddress {...args} />;
SpainDeliveryAddress.args = {
	country: 'SPA',
	addressType: 'home',
};

export const UnitedArabEmiratesDeliveryAddress = (args) => (
	<DeliveryAddress {...args} />
);
UnitedArabEmiratesDeliveryAddress.args = {
	country: 'ARE',
	addressType: 'home',
};

export const AlgeriaDeliveryAddress = (args) => <DeliveryAddress {...args} />;
AlgeriaDeliveryAddress.args = {
	country: 'DZA',
	addressType: 'home',
};

export const BrazilDeliveryAddress = (args) => <DeliveryAddress {...args} />;
BrazilDeliveryAddress.args = {
	country: 'BRZ',
	addressType: 'home',
};