import { useContext } from 'react';

import type { DashboardContextModel } from '../../../../Store/Dashboard/dashboard-context';
import { DashboardContext } from '../../../../Store/Dashboard/dashboard-context';
import SingleInfoTab from '../Schema/SingleInfoTab';

const OperatingCashProfitChart = (): JSX.Element => {
	const dashboardContext: DashboardContextModel = useContext(DashboardContext);
	const { operatingCashProfit } = dashboardContext;
	return (
		<div>
			<SingleInfoTab
				price={operatingCashProfit}
				priceAsCurrency
				title="Operating Cash Profit"
				Icon="DollarSign"
				Theme="gradient-rainbow"
			/>
		</div>
	);
};

export default OperatingCashProfitChart;