import React, {FC} from 'react';
import Form from '@components/Auth/Form';
import AffinidiLogo from '@svg/AffinidiLogo';
import {IAuthProps} from '@components/Auth/types';
import {
  Container,
  Wrapper,
  Header,
  Title,
  SubTitle,
} from '@styles/components/auth';

const Auth: FC<IAuthProps> = ({isSignUpScreen}) => (
  <Container>
    <Wrapper>
      <Header>
        <AffinidiLogo />
        <Title>{isSignUpScreen ? 'Sign up' : 'Login'}</Title>
        <SubTitle>Enter your mobile number</SubTitle>
      </Header>
      <Form isSignUpScreen={isSignUpScreen} />
    </Wrapper>
  </Container>
);

export default Auth;