import { useContext } from 'react';

import type { FinancialsContextModel } from '../../../../Store/Financials/financials-context';
import { FinancialsContext } from '../../../../Store/Financials/financials-context';
import SingleInfoTab from '../Schema/SingleInfoTab';

const EbitChart = (): JSX.Element => {
	const financialsContext: FinancialsContextModel = useContext(FinancialsContext);
	return (
		<div>
			<SingleInfoTab
				price={financialsContext.ebit.toFixed(0)}
				priceAsCurrency
				title="EBIT (OPERATING PROFIT)"
				Theme="gradient-blue"
			/>
		</div>
	);
};

export default EbitChart;