<script setup>
import { useRouter } from 'vue-router'

import SectionTitle from '@/components/SectionTitle.vue'

const router = useRouter()

function handleReturn() {
  router.push({ name: 'landing', query: { tab: 'register' } })
}
</script>

<template>
  <div class="legal shadow">
    <SectionTitle value="Nutzungsbedingungen" />
    <div>
      <!-- DEVINFO - ToS: Hier den Text für die Nutzungsbedingungen eintragen -->
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna
      sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra
      imperdiet enim. Fusce est. Vivamus a tellus.
      <!-- END - ToS -->
    </div>
    <div class="legal-button">
      <button class="button primary" type="button" @click="handleReturn">Zurück</button>
    </div>
  </div>
</template>