src/components/layout/hover-footer.tsx

import React from "react";

const HoverFooter: React.FC = () => {
  const currentYear = new Date().getFullYear();
  
  return (
    <footer className="py-2 px-4 border-t group">
      <div className="flex justify-end">
        <div className="overflow-hidden flex items-center">
          <span className="text-xs text-primary/80 font-medium">
            Synthesys
          </span>
          <span className="text-xs text-muted-foreground/70 max-w-0 group-hover:max-w-xs transition-all duration-500 overflow-hidden whitespace-nowrap">
            <span className="ml-1">© {currentYear} Synthesys Solutions Pvt. Ltd.</span>
          </span>
        </div>
      </div>
    </footer>
  );
};

export default HoverFooter;