import type React from 'react';

import SignInHeader from '../../Components/Layout/Header/SignInHeader';
import SignInForm from '../SignIn/SignInForm';
import ContinueWithGoogle from './ContinueWithGoogle';
import styles from './SignUp.module.scss';

const SignUp: React.FC = (): JSX.Element => (
	<div className={styles.signUpContainer}>
		<SignInHeader />
		<h2>Sign up</h2>
		<SignInForm
			linkToOtherPage="/signin"
			linkToOtherPageName=" Sign in"
			nameInputId="signInName"
			nameInputLabel="Company Name"
			nameInputPlaceholder="name@host.com"
			nameInputType="text"
			passwordInputId="signInPassword"
			passwordInputLabel="Password"
			passwordInputPlaceholder="Password"
			passwordInputType="password"
			submitButtonId="signUpButtonId"
			submitButtonType="button"
			submitButtonValue="Sign up"
			svg={undefined}
		/>
		<ContinueWithGoogle />
	</div>
);

export default SignUp;