/** * External dependencies */ import { text } from '@storybook/addon-knobs'; import { currencyKnob } from '@woocommerce/knobs'; /** * Internal dependencies */ import TotalsFees from '../'; export default { title: 'WooCommerce Blocks/@blocks-checkout/TotalsFees', component: TotalsFees, }; export const Default = () => { const currency = currencyKnob(); const totalFees = text( 'Total fee', '1000' ); const totalFeesTax = text( 'Total fee tax', '200' ); return ( <TotalsFees currency={ currency } cartFees={ [ { id: 'fee', name: 'Fee', totals: { total: totalFees, total_tax: totalFeesTax, }, }, ] } /> ); };