"use strict";
const React = require("react");
const { DOM: dom, createElement } = React;
const { Provider } = require("react-redux");

const { createStore } = require("./utils");

const { storiesOf } = require("@kadira/storybook");
const Scopes = React.createFactory(require("../Scopes"));

const backbonePauseOnEnter =
  require("../../test/fixtures/backbone.pause.onEnter.json");

storiesOf("Scopes", module)
  .add("Not Paused", () => {
    const store = createStore();
    return renderContainer(store, Scopes);
  })
  .add("Event Handler", () => {
    const store = createStore({ pause: backbonePauseOnEnter });
    return renderContainer(store, Scopes);
  });

function renderContainer(store, Component) {
  return dom.div({style: {
    width: "300px",
    margin: "auto",
    paddingTop: "100px" }},
    dom.div({style: {border: "1px solid #ccc", padding: "20px" }},
      createElement(Provider, { store }, Component())
    )
  );
}

@@ -715,32 +715,33 @@
 return dom.div(%7B
+ 
 style: %7B%0A    wid
@@ -814,24 +814,25 @@
 om.div(%7B
+ 
 style: %7B
 border: 
@@ -823,16 +823,17 @@
 style: %7B
+ 
 border: 

Fix lint js