import React from 'react';
import TreeView from 'deni-react-treeview';

class Example extends React.Component{

  render() {
    return (
      <TreeView items={ fruitsAndVegetables } showCheckbox={true} />
    );
    
  }

}

export default Example;

let fruitsAndVegetables = [
  {
    id: 100,
    text: 'Fruits',
    children: [
      {
        id: 101,
        text: 'Orange',
        isLeaf: true
      },
      {
        id: 102,
        text: 'Banana',
        isLeaf: true
      }
    ]
  },
  {
    id: 200,
    text: 'Vegetables',
    children: [
      {
        id: 201,
        text: 'Carrot has a really long title. seriously? Wow. Woah that\'s crazy bro. You got such a long name.',
        isLeaf: true
      },
      {
        id: 202,
        text: 'Tomato',
        isLeaf: true
      }
    ]
  }
];