import { HeartIcon } from "../Icons/HeartIcon";
import { ThemeSwitcher } from "../themeSwitcher/themeSwitcher";

export function Footer() {
  return (
    <footer className="py-6 border-t border-zinc-200 dark:border-zinc-800">
      <div className="w-full max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 px-4 md:px-6">
        
        {/* Added whitespace-nowrap to prevent line breaks */}
        <span className="flex items-center gap-1.5 text-sm text-zinc-500 dark:text-zinc-400 whitespace-nowrap">
          Made with 
          <HeartIcon className="h-4 w-4 fill-red-500 text-red-500" /> 
          and AI
        </span>
        
        <ThemeSwitcher />
      </div>
    </footer>
  );
}