@gechiui/components/src/dropdown-menu/stories/index.js

UI components for GeChiUI.

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

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

/**
 * GeChiUI dependencies
 */
import { menu, arrowUp, arrowDown } from '@gechiui/icons';

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

export const _default = () => {
	const label = text( 'Label', 'Select a direction.' );
	const firstMenuItemLabel = text( 'First Menu Item Label', 'Up' );
	const secondMenuItemLabel = text( 'First Menu Item Label', 'Down' );

	const controls = [
		{
			title: firstMenuItemLabel,
			icon: arrowUp,
		},
		{
			title: secondMenuItemLabel,
			icon: arrowDown,
		},
	];

	return <DropdownMenu icon={ menu } label={ label } controls={ controls } />;
};