     color: ['red', 'green', 'blue'][i % 3],
      enabled: i % 2 === 0,
      nested: {
        index: i,
        value: i + 0.1,
      }
    }, null));
  };
  return e(React.Fragment, null, ...buttons);
});

ButtonGrid.displayName = "ButtonGrid";

class BookItem extends React.Component {
  render() {
    return e('div', null, this.props.name);
  }
}

class BookList extends React.Component {
  render() {
    return e('ol', null, this.props.books.map(book => e('li', {key: book.name}, e(BookItem, { name: boo