import React from 'react';
import Gallery from 'react-photo-gallery';

export default class Sample extends React.Component {
    render() {
	return (
	    <Gallery photos={PHOTO_SET} />
	);
    }
}

const PHOTO_SET = [
  {
    src: 'http:https://example.com/example/img1_small.jpg',
    width: 681,
    height: 1024,
    aspectRatio: 1.5,
    lightboxImage:{
	src: 'http:https://example.com/example/img1_large.jpg',
	srcset: [
	  'http:https://example.com/example/img1_1024.jpg 1024w',
	  'http:https://example.com/example/img1_800.jpg 800w',
	  'http:https://example.com/example/img1_500.jpg 500w',
	  'http:https://example.com/example/img1_320.jpg 320w',
	]
    }
  },
  {
    src: 'http:https://example.com/example/img2_small.jpg',
    width: 600,
    height: 600,
    aspectRatio: 1,
    lightboxImage:{
	src: 'http:https://example.com/example/img2_large.jpg',
	srcset: [
	  'http:https://example.com/example/img2_1024.jpg 1024w',
	  'http:https://example.com/example/img2_800.jpg 800w',
	  'http:https://example.com/example/img2_500.jpg 500w',
	  'http:https://example.com/example/img2_320.jpg 320w',
	]
    }
  }
];