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

const FinancialsTableHeader: React.FC<{
	class: string;
	isLastUpdateExist: string;
	isDemoUser: string | undefined;
}> = (props: {
	class: string;
	isLastUpdateExist: string;
	isDemoUser: string | undefined;
}): JSX.Element => (
	<div className={props.class}>
		<p>Financial period</p>
		<p>{props.isLastUpdateExist !== '' && props.isLastUpdateExist && 'Last update'}</p>
		{props.isDemoUser !== 'Basic Plan' ? (
			<p>Edit / Delete</p>
		) : (
			<p>
				<span>View</span>
			</p>
		)}
	</div>
);

export default FinancialsTableHeader;