From 18f2a45982d10edce75d32ca7417a862089afd4a Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sun, 11 Jul 2021 10:19:41 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20temporary=20Image=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Image.js         | 15 +++++++++++++++
 src/components/Image.module.css |  3 +++
 2 files changed, 18 insertions(+)
 create mode 100644 src/components/Image.js
 create mode 100644 src/components/Image.module.css

diff --git a/src/components/Image.js b/src/components/Image.js
new file mode 100644
index 0000000..cb42402
--- /dev/null
+++ b/src/components/Image.js
@@ -0,0 +1,15 @@
+import React from "react"
+import {Anchor, Paragraph} from "bluelib/lib/components"
+import Style from "./Image.module.css"
+import classNames from "classnames"
+
+
+export default function Image({ src, description, className, ...props }) {
+    return (
+        <Paragraph>
+            <Anchor href={src}>
+                <img alt={`[${description}]`} title={description} src={src} className={classNames(Style.Image, className)} {...props}/>
+            </Anchor>
+        </Paragraph>
+    )
+}
diff --git a/src/components/Image.module.css b/src/components/Image.module.css
new file mode 100644
index 0000000..4ca9ad1
--- /dev/null
+++ b/src/components/Image.module.css
@@ -0,0 +1,3 @@
+.Image {
+    max-width: 100%;
+}
\ No newline at end of file