@gechiui/components/src/search-control/stories/index.js

UI components for GeChiUI.

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

/**
 * GeChiUI dependencies
 */
import { useState } from '@gechiui/element';

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

export default {
	title: 'Components/SearchControl',
	component: SearchControl,
	parameters: {
		knobs: { disabled: false },
	},
};

export const _default = () => {
	const [ value, setValue ] = useState();
	const label = text( 'Label', 'Label Text' );
	const hideLabelFromVision = boolean( 'Hide Label From Vision', true );
	const help = text( 'Help Text', 'Help text to explain the input.' );

	return (
		<SearchControl
			label={ label }
			hideLabelFromVision={ hideLabelFromVision }
			help={ help }
			value={ value }
			onChange={ setValue }
		/>
	);
};