'use client';

import { useEffect, useState } from 'react';

export default function VersionDisplay() {
  const [version, setVersion] = useState<string>('');

  useEffect(() => {
    // Récupérer la version depuis package.json
    fetch('/package.json')
      .then(response => response.json())
      .then(data => setVersion(data.version))
      .catch(() => {
        // Fallback si le fichier n'est pas accessible
        setVersion('0.2.1');
      });
  }, []);

  if (!version) return null;

  return (
    <div className="text-center py-2">
      <span className="text-xs text-slate-400 dark:text-slate-500">
        v{version}
      </span>
    </div>
  );
}