/**
 *
 * TableHeader
 *
 */

import React from 'react';

import styles from './styles.scss';

class TableHeader extends React.Component { // eslint-disable-line react/prefer-stateless-function
  render() {
    const headers = this.props.headers.map((header, i) => (<th key={i}>{header.label}</th>));

    return (
      <thead className={styles.tableHeader}>
      <tr className={styles.tableHeader}>
        <th>ID</th>
        {headers}
        <th></th>
      </tr>
      </thead>
    );
  }
}

export default TableHeader;