/**
 * External dependencies
 */
import { text } from '@storybook/addon-knobs';
import { currencyKnob } from '@woocommerce/knobs';

/**
 * Internal dependencies
 */
import TotalsItem from '../';

export default {
	title: 'WooCommerce Blocks/@blocks-checkout/TotalsItem',
	component: TotalsItem,
};

export const Default = () => {
	const currency = currencyKnob();
	const description = text(
		'Description',
		'This is the amount that will be charged to your card.'
	);
	const label = text( 'Label', 'Amount' );
	const value = text( 'Value', '1000' );

	return (
		<TotalsItem
			currency={ currency }
			description={ description }
			label={ label }
			value={ value }
		/>
	);
};