import React from "react";
import { storiesOf } from "@kadira/storybook";
import AddButton from "components/AddButton";
import styled from "styled-components";
import { darkBlue } from "constants/theme/colours";

const Sidebar = styled.div`
  background: ${darkBlue};
  padding: 0.5em;
  max-width: 15em;
`;

storiesOf("AddButton", module)
  .addDecorator(story => <Sidebar>{story()}</Sidebar>)
  .add("Default", () => (
    <Sidebar>
      <AddButton editLabel="Group name">Add a group</AddButton>
    </Sidebar>
  ));

@@ -162,24 +162,22 @@
 mport %7B 
-darkBlue
+colors
  %7D from 
@@ -196,16 +196,8 @@
 heme
-/colours
 %22;%0A%0A
@@ -240,16 +240,23 @@
 ound: $%7B
+colors.
 darkBlue
@@ -408,18 +408,16 @@
 %22, () =%3E
- (
 %0A    %3CSi
@@ -504,12 +504,11 @@
 ebar%3E%0A  
-)
 );%0A

Fix compilation error when running yarn storybook.