/* eslint-disable react/destructuring-assignment */
import type React from 'react';

import styles from './TableHeader.module.scss';

interface TableHead {
	first: string;
	second: string;
	third: string;
}

const TableHeader: React.FC<TableHead> = (props: TableHead): JSX.Element => (
	<ul className={styles.container}>
		<li>{props.first}</li>
		<li>{props.second}</li>
		<li>{props.third}</li>
	</ul>
);

export default TableHeader;