import React from 'react';
import AuthLayout from '../src/components/layout/AuthLayout';
import Splash from '../src/components/pages/auth/Splash';
import ForgotPassword from '../src/components/pages/auth/ForgotPassword';

const showSplash = false;
const showForgotPassword = true;

let layoutClass = 'forgotPassword';

if (showSplash) {
  layoutClass = 'splash';
}

const forgotPassword: React.FC = () => (
  <AuthLayout
    title="Olvidé mi contraseña"
    mainClassName={layoutClass}
    splash={showSplash}
    auth
  >
    {showSplash ? <Splash /> : null}
    {showForgotPassword && !showSplash ? <ForgotPassword /> : null}
  </AuthLayout>
);

export default forgotPassword;
