import type React from 'react';

import InsightsHeader from '../../Components/Layout/Header/InsightsHeader';
import FinancialsContextProvider from '../../Store/Financials/financials-context';
import MoneyCeosBusinessHeader from './Components/MoneyCeosBusinessHeader';
import MoneyForCeosBusinessBody from './Components/MoneyForCeosBusinessBody';
import styles from './MoneyForCeosBusiness.module.scss';

const MoneyForCeosBusiness: React.FC<{ print?: boolean }> = ({
	print
}: {
	print?: boolean;
}): JSX.Element => (
	<div className={styles.container}>
		<FinancialsContextProvider>
			<div className={styles.body}>
				{!print && <InsightsHeader numberOfButtons={3} title="Money Multiplier for CEOs" />}
				<MoneyCeosBusinessHeader print={print} />
				<MoneyForCeosBusinessBody print={print ? 'print' : ''} />
			</div>
		</FinancialsContextProvider>
	</div>
);

export default MoneyForCeosBusiness;