interface Props {
  columns:string []
}

export const TableHead = ({ columns }:Props) => {
  return (
    <thead>
      <tr>
        <th className="w-4"></th>
        {columns.map(
          (col => (
            <th key={col}>{col.toLocaleUpperCase()}</th>
          ))
        )}
      </tr>
    </thead>
  )
}

export default TableHead