content: import React from 'react';
  import { storiesOf } from '@storybook/react';
  import { action } from '@storybook/addon-actions';
  import { withKnobs, boolean, number, select } from '@storybook/addon-knobs';
  
  import CarIcon from '../icons/car.svg';
  import TextButton from './TextButton';
  
  storiesOf('TextButton', module)
    .addDecorator(withKnobs)
    .add('blue (default)', () => (
      <TextButton onClick={action('onClick')} disabled={boolean('disabled', false)}>
        Blue (default)
      </TextButton>
    ))
    .add('white', () => (
      <div style={{ background: '#000', padding: '10px 20px' }}>
        <TextButton variant="white" onClick={action('onClick')} disabled={boolean('disabled', false)}>
          White
        </TextButton>
      </div>
    ))
    .add('darkGrey', () => (
      <TextButton
        variant="greyDark"
        onClick={action('onClick')}
        disabled={boolean('disabled', false)}
      >
        greyDark
      </TextButton>
    ))
    .add('with icon', () => (
      <TextButton
        icon={CarIcon}
        iconPosition={select('iconPosition', ['left', 'right'], 'left')}
        iconSize={number('iconSize', 13)}
        onClick={action('onClick')}
        variant={select('variant', ['blue', 'greyDark', 'white'], 'blue')}
        disabled={boolean('disabled', false)}
      >
        With icon
      </TextButton>
    ));
  