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

import BmimLogo from '../../UI/Images/Logo/BmimLogo';
import SignUpLogo from '../SignUpLogo';
import type { Header } from './HeaderHelper';
import styles from './HeaderNoSidebar.module.scss';

const logoStyle = {
	margin: '35px'
};

const HeaderNoSidebar: React.FC<Header> = (props: Header): JSX.Element => (
	<div className={styles.container}>
		{/* <BmimLogo bmimClass={styles.logo} bmimLogoName="bmim-cash-flow-logo-s.png" /> */}
		<div style={logoStyle}>
			<SignUpLogo logoClass={styles.logo} />
		</div>
		{/* <h3 className={styles.heading}> {props.heading}</h3> */}
		<div className="h3"> {props.heading}</div>
		{props.paragraf && <p className={styles.paragraf}>{props.paragraf}</p>}
	</div>
);

export default HeaderNoSidebar;