Move addon-info into addons panel

addons/info/.storybook/addons.js

@@ -1 +1,5 @@
+import '@storybook/addon-info/register';
+import '@storybook/addon-knobs/register';
 import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';
+import '@storybook/addon-options/register';

addons/info/.storybook/config.js

@@ -1,15 +1,22 @@
-import React from 'react';
-import { configure, setAddon, addDecorator } from '@storybook/react';
-import InfoAddon from '../src/';
+import { configure, setAddon } from '@storybook/react';
+import { withInfo, setInfoOptions } from '@storybook/addon-info';
+import { setOptions } from '@storybook/addon-options';
 
-addDecorator((story) => (
-  <div style={{padding: 20}}>
-    {story()}
-  </div>
-));
+setOptions({
+  downPanelInRight: true,
+})
 
-setAddon(InfoAddon);
+setAddon({
+  summary(info) {
+    return this.addDecorator(story => {
+      setInfoOptions(info);
+      return story();
+    })
+  }
+});
 
-configure(function () {
-  require('../example/story');
-}, module);
+function loadStories() {
+  require('../src/components/stories');
+}
+
+configure(loadStories, module);