import Link from "next/link";
import Image from "next/image";
import { PRIMARY_COLOR } from "@/lib/common";

const FOOTER_LINKS: { href: string; label: string }[] = [
  { href: "/about", label: "About" },
  { href: "/privacy", label: "Privacy Policy" },
  { href: "/contact", label: "Contact" },
];

export default function Footer() {
  return (
    <footer
      className="w-full text-white border-t border-white/10 mt-auto"
      style={{ backgroundColor: PRIMARY_COLOR }}
    >
      <div className="container mx-auto px-4 py-4 flex flex-col md:flex-row md:items-center md:justify-between gap-4">
        {/* <span className="text-sm text-white/80 text-center md:text-left flex flex-wrap items-center justify-center md:justify-start gap-2">
          © 2025{" "}
          <Link href="/" className="inline-flex items-center">
            <Image
              src="/assets/logooxy.png"
              alt="Oxyfinz"
              width={100}
              height={32}
              className="h-7 w-auto object-contain opacity-90 hover:opacity-100 transition-opacity"
            />
          </Link>
          . All Rights Reserved.
        </span> */}
        <ul className="flex flex-wrap items-center justify-center gap-4 text-sm font-medium text-white/80 md:gap-6">
          {FOOTER_LINKS.map(({ href, label }) => (
            <li key={href}>
              <Link href={href} className="hover:underline text-white transition-colors">
                {label}
              </Link>
            </li>
          ))}
        </ul>
      </div>
    </footer>
  );
}