import React, { Component } from 'react';
import PropTypes from 'prop-types';

export default (props) => {
    const { headers, data } = props;

    return (
        <div className="container">
            <table className="table table-hover">
                <thead>
                    <tr className="row" >
                        {headers.map(renderHeaders)}
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    );

}

function renderHeaders(header) {
    return (
        <th key={header} className="col-sm-4">{header}</th>
    );
}