import React from 'react'

const NewRoomConstructionComponent = ({
                                          onStart,
                                          onFinish,
                                          onCancel,
                                          currentRoomInConstruction,
                                      }) => {
    if (currentRoomInConstruction === -1) {
        return (
            <div className="btn btn-outline-primary btn-block" onClick={onStart}>
                <span className="fa fa-plus mr-2"/>
                Construct a new room
            </div>
        )
    }
    return (
        <div>
            <div className="btn btn-primary btn-block" onClick={onFinish}>
                <span className="fa fa-check mr-2"/>
                Finalize new room
            </div>
            <div className="btn btn-default btn-block" onClick={onCancel}>
                <span className="fa fa-times mr-2"/>
                Cancel construction
            </div>
        </div>
    )
}

export default NewRoomConstructionComponent