import Link from "next/link";
import React from "react";
import { Icons } from "./icons";
import { appConfig } from "@/config/app.config";

function Footer() {
  return (
    <footer className="relative z-10 w-full border-t border-white/10 py-4">
      <div className="container mx-auto flex items-center justify-between px-4">
        <div className="flex items-center">
          <Icons.logo className="mr-2 h-5 w-5 text-yellow-400" />
          <span className="text-sm text-indigo-200">{appConfig.name}</span>
        </div>
        <div className="flex space-x-4">
          <Link
            href="#"
            className="text-xs text-indigo-200 transition-colors hover:text-white"
          >
            Help
          </Link>
          <Link
            href="#"
            className="text-xs text-indigo-200 transition-colors hover:text-white"
          >
            Privacy
          </Link>
          <Link
            href="#"
            className="text-xs text-indigo-200 transition-colors hover:text-white"
          >
            Terms
          </Link>
        </div>
      </div>
    </footer>
  );
}

export default Footer;
