import React from 'react';
import { StytchLogin } from '@stytch/react';

const LoginOrSignup = () => {
  const config = {

    products: ['emailMagicLinks', 'oauth'],
    // Adding auth features is as simple as
    // products: ['emailMagicLinks', 'oauth', 'passwords'],

    emailMagicLinksOptions: {
      loginRedirectURL: 'https://stytch.com/authenticate',
      loginExpirationMinutes: 30,
      signupRedirectURL: 'https://stytch.com/authenticate',
      signupExpirationMinutes: 30,
    },
    oauthOptions: {
      providers: [
        {
          type: 'google',
          one_tap: true,
          position: 'floating',
        },
        {
          type: 'github',
        },
      ],
    },
  };

  return <StytchLogin config={config} />;
};