File "index.tsx"

Full Path: /home/warrior1/public_html/wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/base/components/quantity-selector/stories/index.tsx
File size: 852 bytes
MIME-type: text/x-java
Charset: utf-8

/**
 * External dependencies
 */
import { useArgs } from '@storybook/client-api';
import { Story, Meta } from '@storybook/react';

/**
 * Internal dependencies
 */
import QuantitySelector, { QuantitySelectorProps } from '..';

export default {
	title: 'WooCommerce Blocks/@base-components/QuantitySelector',
	component: QuantitySelector,
	args: {
		itemName: 'widgets',
		quantity: 1,
	},
} as Meta< QuantitySelectorProps >;

const Template: Story< QuantitySelectorProps > = ( args ) => {
	const [ {}, setArgs ] = useArgs();

	const onChange = ( newVal: number ) => {
		args.onChange?.( newVal );
		setArgs( { quantity: newVal } );
	};

	return <QuantitySelector { ...args } onChange={ onChange } />;
};

export const Default = Template.bind( {} );
Default.args = {};

export const Disabled = Template.bind( {} );
Disabled.args = {
	disabled: true,
};