22 lines
629 B
TypeScript
22 lines
629 B
TypeScript
import Link from 'next/link';
|
|
|
|
type Props = {
|
|
readonly description?: string;
|
|
readonly href: string;
|
|
readonly text: string;
|
|
readonly visible?: boolean;
|
|
};
|
|
|
|
export function LinkButton({ description, href, text, visible }: Props) {
|
|
if (!visible) return null;
|
|
|
|
return (
|
|
<Link href={href} rel="noopener noreferrer">
|
|
<div className="flex w-full flex-col rounded-2xl bg-background p-4 px-6 shadow-lg backdrop-blur-2xl dark:bg-primary/5">
|
|
<h2 className="font-bold text-foreground">{text}</h2>
|
|
<span className="mt-1 text-sm text-muted-foreground">{description}</span>
|
|
</div>
|
|
</Link>
|
|
);
|
|
}
|