1 files changed, 22 insertions, 0 deletions
diff --git a/lib/components/status.js b/lib/components/status.js
new file mode 100644
index 0000000..0f79788
--- /dev/null
+++ b/lib/components/status.js
@@ -0,0 +1,22 @@
+import Vue from 'vue';
+import DataService from '../services/data';
+
+const internals = {};
+
+/**
+ * The status class, renders the winner during the poll stage, and a
+ * message while waiting
+ *
+ * @class StatusComponent
+ */
+export default Vue.component('status', {
+  template: '<div class="status-widget">' +
+      '<transition name="fade">' +
+      '<div v-if="state === 0" class="waiting-message">Waiting</div>' +
+      '<div v-if="state === 2 && !winner" class="no-winner">Could not read you</div>' +
+      '<div v-if="state === 2 && winner" class="winner" v-bind:class="[winner]">{{winner}}</div>' +
+      '</transition>' +
+      '</div>',
+
+  data: DataService.data
+});