@financial-times/n-conversion-forms/components/delivery-instructions.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 { DeliveryInstructions } from './delivery-instructions';

export default {
	title: 'Delivery Instructions',
	component: DeliveryInstructions,
	argTypes: {
		hasError: { control: 'boolean' },
		isDisabled: { control: 'boolean' },
	},
};

export const GreatBritainDeliveryInstructions = (args) => (
	<DeliveryInstructions {...args} />
);
GreatBritainDeliveryInstructions.args = {
	country: 'GBR',
	maxlength: 50,
};

export const UnitedStatesDeliveryInstructions = (args) => (
	<DeliveryInstructions {...args} />
);
UnitedStatesDeliveryInstructions.args = {
	country: 'USA',
};

export const CanadaDeliveryInstructions = (args) => (
	<DeliveryInstructions {...args} />
);
CanadaDeliveryInstructions.args = {
	country: 'CAN',
};

export const LuxembourgDeliveryInstructions = (args) => (
	<DeliveryInstructions {...args} />
);
LuxembourgDeliveryInstructions.args = {
	country: 'LUX',
};

export const BosniaDeliveryInstructions = (args) => (
	<DeliveryInstructions {...args} />
);
BosniaDeliveryInstructions.args = {
	country: 'BIH',
};

export const BrazilDeliveryInstructions = (args) => (
	<DeliveryInstructions {...args} />
);
BrazilDeliveryInstructions.args = {
	country: 'BRZ',
};