29 lines
558 B
TypeScript
29 lines
558 B
TypeScript
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;
|