summaryrefslogtreecommitdiff
path: root/src/components/timeline/PlayButtonComponent.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/timeline/PlayButtonComponent.js')
-rw-r--r--src/components/timeline/PlayButtonComponent.js12
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;