diff --git a/src/pages/Status/components/StatusItem/StatusItem.jsx b/src/pages/Status/components/StatusItem/StatusItem.jsx
new file mode 100644
index 0000000..4c67101
--- /dev/null
+++ b/src/pages/Status/components/StatusItem/StatusItem.jsx
@@ -0,0 +1,15 @@
+import './styles.sass';
+
+const StatusItem = (props) => (
+    <div className="status-item">
+        <div className="status-title">
+            <h2>{props.service}</h2>
+            <hr/>
+        </div>
+        <div className="shards">
+            {props.shards.map(shard => <div key={shard.service} className={"shard " + (shard.status === "inactive" ? "shard-inactive" : "")}>{shard.name}</div>)}
+        </div>
+    </div>
+)
+
+export default StatusItem;
\ No newline at end of file