File "index.tsx"
Full Path: /home/warrior1/public_html/wp-content-20241001222009/plugins/woocommerce/packages/woocommerce-blocks/packages/checkout/components/totals/fees/stories/index.tsx
File size: 1.17 KB
MIME-type: text/x-java
Charset: utf-8
/**
* External dependencies
*/
import { Story, Meta } from '@storybook/react';
import {
currenciesAPIShape,
currencies,
currencyControl,
} from '@woocommerce/storybook-controls';
/**
* Internal dependencies
*/
import Fees, { TotalsFeesProps } from '..';
export default {
title: 'WooCommerce Blocks/Checkout Blocks/totals/Fees',
component: Fees,
argTypes: {
currency: currencyControl,
},
args: {
total: '',
cartFees: [
{
id: 'my-id',
name: 'Storybook fee',
totals: {
...currenciesAPIShape.USD,
total: '1000',
total_tax: '200',
},
},
],
},
} as Meta< TotalsFeesProps >;
type StorybookTotalFeesProps = TotalsFeesProps & { total: string };
const Template: Story< StorybookTotalFeesProps > = ( args ) => {
return (
<Fees
{ ...args }
cartFees={ [
{
...args.cartFees[ 0 ],
totals: {
...args.cartFees[ 0 ].totals,
total: args.total,
},
},
] }
/>
);
};
export const Default = Template.bind( {} );
Default.args = {
currency: currencies.USD,
total: '1000',
};
export const AlternativeCurrency = Template.bind( {} );
AlternativeCurrency.args = {
currency: currencies.EUR,
total: '1000',
};