import React from 'react';
import ReactDOM from 'react-dom';
import { AutoSizer } from 'react-virtualized';

import Kanban from './Kanban';

import Perf from 'react-addons-perf';

import 'react-virtualized/styles.css';
import './index.css';

window.Perf = Perf;

ReactDOM.render(
  <div className='KanbanWrapper'>
    <AutoSizer>
      {({ width, height }) => <Kanban width={width} height={height} />}
    </AutoSizer>
  </div>,
  document.getElementById('root')
);

@@ -105,41 +105,8 @@
 d';%0A
-%0Aimport Kanban from './Kanban';%0A%0A
 impo
@@ -140,16 +140,105 @@
 perf';%0A%0A
+import Kanban from './Kanban';%0A%0Aimport %7B generateLists %7D from './utils/generate_lists';%0A%0A
 import '
@@ -312,16 +312,53 @@
  Perf;%0A%0A
+const lists = generateLists(5, 20);%0A%0A
 ReactDOM
@@ -450,15 +450,82 @@
  =%3E 
-%3CKanban
+%7B%0A        return (%0A          %3CKanban%0A            lists=%7Blists%7D%0A           
  wid
@@ -534,16 +534,28 @@
 =%7Bwidth%7D
+%0A           
  height=
@@ -566,11 +566,40 @@
 ght%7D
- /%3E
+%0A          /%3E%0A        );%0A      %7D
 %7D%0A  

Move lists generation outside Kanban