@gechiui/components/src/toolbar-button/stories/index.js

UI components for GeChiUI.

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

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

/**
 * Internal dependencies
 */
import { Toolbar } from '../../';
import ToolbarButton from '../';

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

export const _default = () => {
	const label = text( 'Label', 'This is an example label.' );

	return (
		<Toolbar label="Example Toolbar">
			<ToolbarButton icon={ gechiui } label={ label } />
		</Toolbar>
	);
};