text: import React from "react";
  
  import { storiesOf } from "@storybook/react";
  import { action } from "@storybook/addon-actions";
  import { linkTo } from "@storybook/addon-links";
  
  import { Button, Welcome } from "@storybook/react/demo";
  import Popup from "../src/Popup/Popup";
  import Sidebar from "../src/Sidebar/Sidebar";
  import Options from "../src/options/Options";
  
  storiesOf("Welcome", module).add("to Storybook", () => (
    <Welcome showApp={linkTo("Button")} />
  ));
  
  storiesOf("Button", module)
    .add("with text", () => (
      <Button onClick={action("clicked")}>Hello Button</Button>
    ))
    .add("with some emoji", () => (
      <Button onClick={action("clicked")}>
        <span role="img" aria-label="so cool">
          😀 😎 👍 💯
        </span>
      </Button>
    ));
  
  storiesOf("Popup", module).add("Default", () => <Popup />);
  storiesOf("Sidebar", module).add("Default", () => <Sidebar />);
  storiesOf("Options", module).add("Default", () => <Options />);
  