1 files changed, 26 insertions, 0 deletions
diff --git a/mascara/src/app/first-time/breadcrumbs.js b/mascara/src/app/first-time/breadcrumbs.js
new file mode 100644
index 000000000..b81a9fb9b
--- /dev/null
+++ b/mascara/src/app/first-time/breadcrumbs.js
@@ -0,0 +1,26 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+
+export default class Breadcrumbs extends Component {
+
+  static propTypes = {
+    total: PropTypes.number,
+    currentIndex: PropTypes.number,
+  };
+
+  render() {
+    const {total, currentIndex} = this.props
+    return (
+      <div className="breadcrumbs">
+        {Array(total).fill().map((_, i) => (
+          <div
+            key={i}
+            className="breadcrumb"
+            style={{backgroundColor: i === currentIndex ? '#D8D8D8' : '#FFFFFF'}}
+          />
+        ))}
+      </div>
+    );
+  }
+
+}