import React from 'react';

class THead extends React.Component {
    render() {
        const dataColumns = this.props.columns;
        const vertical = this.props.vertical;
        const tableHeaders = (
            <tr>
                {dataColumns.map(function (column, index) {
                    return <th scope="col" key={index}>{column.title}</th>;
                })}
            </tr>);

        if (dataColumns.length == 0 || vertical){
            return null;
        }
        return (
                <thead>
                    {tableHeaders}
               </thead>
        )
    }
};
export default THead;