Implement basic experiment mode with timeline

The timeline doesn't trigger anything yet, but the visual element is in place and connected.

1 files changed, 12 insertions, 0 deletions

diff --git a/src/components/timeline/PlayButtonComponent.js b/src/components/timeline/PlayButtonComponent.js
new file mode 100644
index 00000000..6ec70cc3
--- /dev/null
+++ b/src/components/timeline/PlayButtonComponent.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+const PlayButtonComponent = ({isPlaying, onPlay, onPause}) => (
+    <div className="play-btn" onClick={() => isPlaying ? onPause() : onPlay()}>
+        {isPlaying ?
+            <span className="fa fa-pause"/> :
+            <span className="fa fa-play"/>
+        }
+    </div>
+);
+
+export default PlayButtonComponent;