import React from "react";

const EmptySlotComponent = ({position, onAdd, inSimulation}) => (
    <li className="list-group-item d-flex justify-content-between align-items-center">
        <span className="badge badge-default badge-info mr-1 disabled">
            {position}
        </span>
        {inSimulation ?
            <span className="badge badge-default badge-success">
                Empty Slot
            </span> :
            <button className="btn btn-outline-primary" onClick={onAdd}>
                <span className="fa fa-plus mr-2"/>
                Add machine
            </button>
        }
    </li>
);

export default EmptySlotComponent;