src/components/layout/watermark-footer.tsx

import React from "react";

const WatermarkFooter: React.FC = () => {
  return (
    <div className="fixed bottom-4 right-4 opacity-70 hover:opacity-100 transition-opacity duration-200">
      <div className="flex items-center gap-1.5 text-xs text-muted-foreground/60">
        <span>Powered by</span>
        <span className="font-semibold text-primary/80">Synthesys</span>
      </div>
    </div>
  );
};

export default WatermarkFooter;