import clsx from "clsx";


export default function TableHead({
	headElements
}:{
	headElements: React.ReactNode[];
}){
	return (
		<thead>
			<tr>
				{
					headElements.map((element, index) => (
						<th
							key={index}
							className={clsx(
								{
									"pl-2": index === 0,
									"pr-2": index === headElements.length - 1
								}
							)}
						>
							{element}
						</th>
					))
				}
			</tr>
		</thead>
	);
}
