ButtonCheck.js

const onClick = (event, store) => {
  store.set({ checked: !store.state.checked });
  action("onClick")(event, store.state.checked);
};

stories.add(
  "default usage",
  withState({
    checked: false
  })(
    withNotes(
      "Button Check is a controlled component and toggles between states by receiving a `checked` boolean."
    )(({ store }) => (
      <ButtonCheck
        checked={store.state.checked}
        onClick={event => onClick(event, store)}
      />
    ))
  )
);

stories.add(
  "default & checked",
  withState({
    checked: true
  })(
    withNotes("Default with the `checked` prop.")(({ store }) => (
      <ButtonCheck
        checked={store.state.checked}
        onClick={event => onClick(event, store)}
      />
    ))
  )
);