From 1d365b3d501ea4660b7bac7e3d3169ffb7514ff5 Mon Sep 17 00:00:00 2001
From: asitu <annasitu1@gmail.com>
Date: Sat, 7 Jul 2018 12:28:11 -0700
Subject: [PATCH] Status badge component

---
 daemon/web/components/Status/Status.js  | 15 +++++++++++++++
 daemon/web/components/Status/index.sass | 13 +++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 daemon/web/components/Status/Status.js
 create mode 100644 daemon/web/components/Status/index.sass

diff --git a/daemon/web/components/Status/Status.js b/daemon/web/components/Status/Status.js
new file mode 100644
index 00000000..854ba19b
--- /dev/null
+++ b/daemon/web/components/Status/Status.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import './index.sass';
+
+const Status = ({ title }) => (
+  <div className="status">
+    <span class="badge badge-pill badge-primary">{title}</span>
+  </div>
+);
+
+Status.propTypes = {
+  title: PropTypes.string,
+};
+
+export default Status;
diff --git a/daemon/web/components/Status/index.sass b/daemon/web/components/Status/index.sass
new file mode 100644
index 00000000..5d8bf90d
--- /dev/null
+++ b/daemon/web/components/Status/index.sass
@@ -0,0 +1,13 @@
+@import '../../styles/index'
+
+.header
+    color: $grey
+    display: inline
+    margin-left: 10px;
+    font-weight: bold;  
+
+.badge-pill
+  width: 73px
+  height: 23px
+  border-radius: 11.5px
+  background-image: linear-gradient(257deg, $gradient-lightblue, $gradient-green)
\ No newline at end of file