text: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import Paper from '@material-ui/core/Paper';
  import GalleryViewThumbnail from '../containers/GalleryViewThumbnail';
  
  /**
   * Renders a GalleryView overview of the manifest.
   */
  export class GalleryView extends Component {
    /**
     * Renders things
     */
    render() {
      const {
        canvases, classes, selectedCanvasIndex, windowId,
      } = this.props;
      return (
        <Paper
          component="section"
          square
          elevation={0}
          className={classes.galleryContainer}
          id={`${windowId}-gallery`}
        >
          {
            canvases.map(canvas => (
              <GalleryViewThumbnail
                key={canvas.id}
                selected={selectedCanvasIndex === canvas.index}
                windowId={windowId}
                canvas={canvas}
              />
            ))
          }
        </Paper>
      );
    }
  }
  
  GalleryView.propTypes = {
    canvases: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
    classes: PropTypes.objectOf(PropTypes.string),
    selectedCanvasIndex: PropTypes.number.isRequired,
    windowId: PropTypes.string.isRequired,
  };
  
  GalleryView.defaultProps = {
    classes: {},
  };
  