import Link from "next/link";
import React from "react";
import { Button } from "./ui/button";
import { ArrowRight, ChevronRight } from "lucide-react";

function ArrowLink({
  href,
  children,
}: {
  href: string;
  children: React.ReactNode;
}) {
  return (
    <Button
      asChild
      variant={"link"}
      size={"sm"}
      className="text-muted-foreground hover:text-foreground"
    >
      <Link href={href}>
        <span>{children}</span>
        <ChevronRight className="size-4" />
      </Link>
    </Button>
  );
}

export default ArrowLink;