<script setup lang="ts">
const { isLoggedIn } = useAuth();
const { isRedirecting } = useAuthConnexion();
const layoutSettings: LayoutWrapperProps = {
  container: "lg",
};
</script>

<template>
  <LayoutWrapper data-section-name="auth-connexion" :layout-settings="layoutSettings">
    <AuthState>
      <AuthRedirecting v-if="isRedirecting" />
      <template v-else>
        <AuthLogoutForm v-if="isLoggedIn" />
        <AuthLoginForm v-else />
      </template>
    </AuthState>
  </LayoutWrapper>
</template>
