import React from "react";

const PlayButtonComponent = ({isPlaying, currentTick, lastSimulatedTick, onPlay, onPause}) => (
    <div className="play-btn" onClick={() => {
        if (isPlaying) {
            onPause();
        } else {
            if (currentTick !== lastSimulatedTick) {
                onPlay();
            }
        }
    }}>
        {isPlaying ?
            <span className="fa fa-pause"/> :
            <span className="fa fa-play"/>
        }
    </div>
);

export default PlayButtonComponent;