Differential D9091 Diff 27428 web/cashtab-components/src/atoms/Button/Button.stories.tsx

Changeset View

Standalone View

				// @flow

				import React from 'react';

				import { storiesOf } from '@storybook/react/dist/client/preview';

				import Button from './Button';
				import Text from '../Text';

				const ButtonText = 'CashTab Pay';

				storiesOf('Button', module)
				.add(
				'default',
				() => (
				<Button step={'fresh'}>
				<Text>{ButtonText}</Text>
				</Button>
				),
				{
				notes:
				'Button is a stateful controlled component which is the primary visual indicator for the badger payment process',
				},
				)
				.add(
				'payment pending',
				() => (
				<Button step={'pending'}>
				<Text>{ButtonText}</Text>
				</Button>
				),
				{
				notes: 'Awaiting a confirmation or cancellation of Badger popup',
				},
				)
				.add(
				'payment complete',
				() => (
				<Button step={'complete'}>
				<Text>{ButtonText}</Text>
				</Button>
				),
				{
				notes: 'Payment received, at least on the front-end',
				},
				)
				.add(
				'install prompt',
				() => (
				<Button step={'install'}>
				<Text>{ButtonText}</Text>
				</Button>
				),
				{
				notes:
				'CashTab extension not installed, prompt user to install CashTab',
				},
				);