From 68e0fd5dd59fd767a2c3bc6f392dd0676d386b3c Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Mon, 5 Aug 2019 17:26:37 +0300
Subject: [PATCH] Image component update

---
 src/components/Image.js  | 12 ------------
 src/components/Image.jsx | 21 +++++++++++++++++++++
 2 files changed, 21 insertions(+), 12 deletions(-)
 delete mode 100644 src/components/Image.js
 create mode 100644 src/components/Image.jsx

diff --git a/src/components/Image.js b/src/components/Image.js
deleted file mode 100644
index f2b71b24..00000000
--- a/src/components/Image.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const React = require('react')
-
-module.exports = ({data, alt, opa = true}) => (
-	<picture>
-		<img
-			className={opa ? 'opa' : ''}
-			alt={alt}
-			src={data.src}
-			srcSet={data.set.map(({url, density}) => `${url} ${density}x`)}
-		/>
-	</picture>
-)
diff --git a/src/components/Image.jsx b/src/components/Image.jsx
new file mode 100644
index 00000000..7f38d1a2
--- /dev/null
+++ b/src/components/Image.jsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import className from 'classnames'
+
+export const Image = ({data, alt, opa = true}) => (
+    <picture>
+        <style jsx>{`
+            picture img {
+                display: block;
+            }
+        `}</style>
+
+		<img
+            className={className({ opa })}
+			alt={alt}
+			src={data.src}
+			srcSet={data.set.map(({url, density}) => `${url} ${density}x`)}
+		/>
+	</picture >
+)
+
+export default Image
\ No newline at end of file