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 OperatingCashFlowChart = (): JSX.Element => {
	const dashboardContext: DashboardContextModel = useContext(DashboardContext);
	const { operatingCashFlow } = dashboardContext;
	return (
		<div>
			<SingleInfoTab
				price={operatingCashFlow}
				priceAsCurrency
				title="Operating Cash Flow"
				Icon="Gem"
				Theme="lime-gradient"
			/>
		</div>
	);
};

export default OperatingCashFlowChart;