style(image component): added new EnlargeImage component

Author: flippedcoder

src/components/images/EnlargeImage.js

@@ -0,0 +1,13 @@
+const EnlargeImage = ({ src, alt, ariaLabel }) => {
+  const label = ariaLabel || alt;
+
+  return (
+    <div style={{ textAlign: 'center', margin: '2rem 0' }}>
+      <a href={src} target="_blank">
+        <img src={src} alt={label} style={{ maxWidth: '100%', cursor: 'pointer' }} />
+      </a>
+    </div>
+  );
+};
+
+export default EnlargeImage;

src/components/index.js

@@ -13,6 +13,7 @@ export { default as JsonTable } from './formatting/JsonTable';
 // Image components
 export { default as CaptionedImage } from './images/CaptionedImage';
 export { default as ZoomingImage } from './images/ZoomingImage';
+export { default as EnlargeImage } from './images/EnlargeImage';
 
 // Information components
 export { default as DiscoverableDisclosure } from './info/DiscoverableDisclosure';