1 import React from 'react';
2 import {storiesOf, action} from '@kadira/storybook';
3 import {select, text, withKnobs} from '@kadira/storybook-addon-knobs';
4 import SVGIcon from './SVGIcon.jsx';
6 const stories = storiesOf('SVGIcon', module);
8 const iconNames = ['locked',
17 'version-controller-lock-closed',
18 'version-controller-lock-open',
19 'version-controller-revert',
20 'version-controller-save',
21 'version-controller-submit',
25 function colorChanger() {
26 return {fill: text('Color', '')};
30 return select('Icon name' , iconNames, iconNames[0]);
33 stories.addDecorator(withKnobs);
38 <SVGIcon name={iconName()} style={colorChanger()}/>
41 .add('icon with label', () => {
43 <SVGIcon name={iconName()} label={iconName()} style={colorChanger()}/>
46 .add('locked clickable', () => {
48 <SVGIcon name={iconName()} onClick={action('clicked')} style={colorChanger()}/>