24 lines
629 B
TypeScript
24 lines
629 B
TypeScript
import { ChevronRightIcon } from 'lucide-react';
|
|
import Link from 'next/link';
|
|
import { Button } from './ui/button';
|
|
import { cn } from '@/lib/utils';
|
|
|
|
export function GetStartedButton({
|
|
text,
|
|
href = 'https://dashboard.openpanel.dev/onboarding',
|
|
className,
|
|
}: {
|
|
text?: React.ReactNode;
|
|
className?: string;
|
|
href?: string;
|
|
}) {
|
|
return (
|
|
<Button asChild className={cn('group', className)} size="lg">
|
|
<Link href={href}>
|
|
{text ?? 'Start free trial'}
|
|
<ChevronRightIcon className="size-4 transition-transform group-hover:translate-x-1 group-hover:scale-125" />
|
|
</Link>
|
|
</Button>
|
|
);
|
|
}
|