36 lines
706 B
JavaScript
36 lines
706 B
JavaScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { text } from '@storybook/addon-knobs';
|
||
|
|
import { currencyKnob } from '@woocommerce/knobs';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
import TotalsItem from '../';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title:
|
||
|
|
'WooCommerce Blocks/@base-components/cart-checkout/totals/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 }
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|