Login index js

import React from 'react';
import schema from './formValidation';
import {
  Outside,
  Wrap,
  Container,
  Triangle,
  InputBox,
  FormCustom,
  InputLogin,
  Label,
  ButtonsLoginContainer,
  SubmitButtonLogin,
  Division,
  SocialContainer,
} from './styles';

import facebook from '~/assets/icons/facebook.svg';
import google from '~/assets/icons/google.svg';

export default function Login() {
  function loginFunction() {
    console.log('teste');
  }
  return (
    <Wrap>
      <Container id="login">
        <Triangle />
        <InputBox>
          <FormCustom schema={schema} onSubmit={loginFunction}>
            <Label position="top">
              E-mail
              <InputLogin name="email" screen="login" />
            </Label>
            <Label>
              Senha
              <InputLogin name="password" type="password" screen="login" />
            </Label>
            <ButtonsLoginContainer>
              <button value="Criar conta" type="button">
                Criar conta
              </button>
              <button value="Esqueci a senha" type="button">
                Esqueci a senha
              </button>
            </ButtonsLoginContainer>
            <SubmitButtonLogin
              value="Entrar"
              type="submit"
              onsubmit={loginFunction}
            >
              Entrar
            </SubmitButtonLogin>
          </FormCustom>
          <Division>
            <span />
            <p>ou</p>
            <span />
          </Division>
          <SocialContainer>
            <button position="left" type="button">
              <img src={facebook} alt="facebook-icon" />
            </button>
            <button position="right" type="button">
              <img src={google} alt="google plus icon" />
            </button>
          </SocialContainer>
        </InputBox>
      </Container>
    </Wrap>
  );
}