Pass in widthBreakPoint

Author: jay-kunaico

examples/cats/app.js

@@ -22,6 +22,7 @@ import ChevronRight from './ChevronRight.svg';
 
 const images = [image1, image2, image3, image4];
 const thumbs = [image1Thumb, image2Thumb, image3Thumb, image4Thumb];
+const widthBreakPoint = 960;
 
 const CloseSvg = ({
   width = 20,
@@ -176,6 +177,7 @@ class App extends Component {
           maxWidthOffset={150}
           thumbnailArrowLeft={ChevronLeft}
           thumbnailArrowRight={ChevronRight}
+          widthBreakPoint={widthBreakPoint}
         />
       );
     }

src/react-image-lightbox.js

@@ -1446,8 +1446,8 @@ class ReactImageLightbox extends Component {
         ...reactModalStyle.content, // Allow style overrides via props
       },
     };
-    const widthBreakpoint = 960;
-    const isMobile = getWindowWidth() < widthBreakpoint;
+
+    const isMobile = getWindowWidth() < this.props.widthBreakPoint;
 
     return (
       <Modal
@@ -1817,6 +1817,7 @@ ReactImageLightbox.propTypes = {
   maxWidthOffset: PropTypes.number,
   thumbnailArrowLeft: PropTypes.element,
   thumbnailArrowRight: PropTypes.element,
+  widthBreakPoint: PropTypes.string,
 };
 
 ReactImageLightbox.defaultProps = {
@@ -1864,6 +1865,7 @@ ReactImageLightbox.defaultProps = {
   maxWidthOffset: 0,
   thumbnailArrowLeft: null,
   thumbnailArrowRight: null,
+  widthBreakPoint: null,
 };
 
 export default ReactImageLightbox;