/**
 * External dependencies
 */
import { boolean } from '@storybook/addon-knobs';
import { useState } from 'react';

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

export default {
	title: 'WooCommerce Blocks/@base-components/QuantitySelector',
	component: QuantitySelector,
};

export const Default = () => {
	const [ quantity, changeQuantity ] = useState();

	return (
		<div style={ { width: 100 } }>
			<QuantitySelector
				disabled={ boolean( 'Disabled', false ) }
				quantity={ quantity }
				onChange={ changeQuantity }
				itemName="widgets"
			/>
		</div>
	);
};