import Link from "next/link";
import { Button } from "@/components/ui/button";
import { Sparkles } from "lucide-react";
import { guaNumFromMark } from "@/lib/content/zhouyi";

export default function GuaFooter({
  guaMark,
  guaNum,
}: {
  guaMark: string;
  guaNum?: string;
}) {
  const num = guaNum ?? guaNumFromMark(guaMark);
  return (
    <div className="mt-8 flex flex-wrap gap-3 border-t pt-6">
      <Button asChild size="sm">
        <Link href={`/liuyao?gua=${num}`}>
          <Sparkles size={16} className="mr-1" />
          以此卦起卦
        </Link>
      </Button>
    </div>
  );
}