export default function Footer() {
  const gitCommit = process.env.NEXT_PUBLIC_GIT_COMMIT || 'unknown';
  
  return (
    <footer className="bg-white border-t border-gray-200 mt-auto">
      <div className="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8">
        <div className="flex justify-between items-center text-sm text-gray-500">
          <p>&copy; {new Date().getFullYear()} EuchreCamp. All rights reserved.</p>
          <div className="flex items-center space-x-4">
            <span>Commit: {gitCommit}</span>
          </div>
        </div>
      </div>
    </footer>
  );
}