Proyectos de Subversion LeadersLinked - Backend

/* eslint-disable no-mixed-spaces-and-tabs */

import React from 'react'

import { useState } from 'react'

const SortButton = ({ onClick }) => {

	return (

		<button onClick={onClick} className="btn p-0">

			<i className='fa fa-angle-down ml-2' />

		</button>

	)

}

const Table = ({ headers, children }) => {

	const [sortKey, setSortKey] = useState('name')

	return (

		<table className="table table-hover my-table w-100">

			<thead>

				<tr>

					{headers.map((row) =>

						<th key={row.key} className="text-vertical-middle">

							{row.label}

							{row.isSorteable &&

								<SortButton

									columnKey={row.key}

									onClick={() => setSortKey(row.key)}

									sortKey={sortKey}

								/>

							}

						</th>

					)}

				</tr>

			</thead>

			<tbody>

				{children()}

			</tbody>

		</table >

	)

}

export default Table