import React from "react";


const Tab = ({data, onSelectTab, selected}) => {

    const _renderList = () => {
        let array = [];

        data.map((item, key) => {
            array.push(
                <div onClick={() => onSelectTab(key)}>
                    <span style={{color: key === selected ? "green" : "black"}}>{item.text}</span> {item.isFinished &&<span>Hotovo</span>}
                </div>
            )
        })

        return array;
    }

    return (
        <div>
            {_renderList()}
            {data[selected].component}
        </div>
    )

}

export default Tab;