<script setup lang="ts">
const { connexionButton } = useAuthConnexion();
</script>

<template>
  <div class="bg-inverted py-1.5 text-inverted">
    <div class="container flex flex-col items-center gap-3 sm:flex-row">
      <SiteFooterCopyright class="sm:mr-auto" />
      <AuthState>
        <AcfLinkButton
          :link="connexionButton.link"
          :icon="connexionButton.icon"
          color="neutral"
          variant="link"
        />
      </AuthState>
      <SiteFooterCredits />
    </div>
  </div>
</template>
