<template>
  <footer class="bg-white border-t border-gray-200 mt-auto">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
      <div class="flex flex-col sm:flex-row justify-between items-center text-sm text-gray-500">
        <p>&copy; {{ currentYear }} Notytex - Gestion Scolaire</p>
        <p class="mt-2 sm:mt-0">Version 2.0</p>
      </div>
    </div>
  </footer>
</template>

<script setup>
const currentYear = new Date().getFullYear()
</script>
