text: import React from 'react';
  import Books from './Books';
  
  const Shelfs = props => {
    const { shelf, books, onMove } = props;
    const booksOnThisShelf = books.filter(book => book.shelf === shelf.key);
    // console.log('booksOnThisShelf', booksOnThisShelf);
    return (
      <div className="bookshelf">
        <h2 className="bookshelf-title">{shelf.name}</h2>
        <div className="bookshelf-books">
          <ol className="books-grid">
            {booksOnThisShelf.map(book => (
              <Books
                key={book.id}
                book={book}
                shelf={shelf.key}
                onMove={onMove}
              />
            ))}
          </ol>
        </div>
      </div>
    );
  };
  
  export default Shelfs;
  