"use client";

import Link from "next/link";
import { SITE_CONFIG } from "@/config/course";
import { ShareButton } from "./ShareButton";
import { CommunityButton } from "./CommunityButton";

export function Footer() {
  return (
    <footer className="border-t border-[var(--border)] py-6 sm:py-8">
      <div className="mx-auto max-w-6xl px-4 sm:px-6">
        <div className="mb-4 flex flex-wrap items-center justify-center gap-4">
          <Link href="/certificate" className="text-sm text-[var(--muted-foreground)] hover:text-[var(--foreground)]">
            我的证书
          </Link>
          <CommunityButton />
          <ShareButton />
        </div>
        <div className="text-center text-sm text-[var(--muted-foreground)]">
          {SITE_CONFIG.footer}
        </div>
      </div>
    </footer>
  );
}