From 13acb8ea0f3ce1109a9d9e4d1d6c01131920f334 Mon Sep 17 00:00:00 2001
From: Eric Jinks <ericjinks@gmail.com>
Date: Mon, 30 Apr 2018 09:11:40 +1000
Subject: [PATCH] Add <Overlay />

---
 src/components/Overlay.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/components/Overlay.js

diff --git a/src/components/Overlay.js b/src/components/Overlay.js
new file mode 100644
index 0000000..2c7c827
--- /dev/null
+++ b/src/components/Overlay.js
@@ -0,0 +1,23 @@
+import React from 'react'
+
+export default ({
+  className = '',
+  color = 'var(--secondary)',
+  opacity = 0.2,
+  ...props
+}) => (
+  <div
+    className={`Overlay ${className}`}
+    style={{
+      color,
+      opacity,
+      backgroundColor: 'currentColor',
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    }}
+    {...props}
+  />
+)