@appearhere/bloom/components/Map/Control/Controls.story.js

Appear Here's pattern library and styleguide

import React from 'react';
import { storiesOf, action } from '@storybook/react';
import { withKnobs, boolean } from '@storybook/addon-knobs';
import ControlIcon from './ControlIcon';
import Control from './Control';

const stories = storiesOf('Map control', module);
stories.addDecorator(withKnobs);

stories
  .add('Control', () => (
    <Control onClick={action('click')} disabled={boolean('Disabled', false)}>
      <ControlIcon name="plus" />
    </Control>
  ))
  .add('Control with text', () => (
    <Control onClick={action('click')} disabled={boolean('Disabled', false)}>
      Just Text
    </Control>
  ));