import Link from 'next/link'
import { cn } from '@/lib/utils'

interface InternalLinkProps {
  href: string
  children: React.ReactNode
  className?: string
  variant?: 'default' | 'muted' | 'underline'
}

export function InternalLink({
  href,
  children,
  className,
  variant = 'default',
}: InternalLinkProps) {
  const variants = {
    default: 'text-primary hover:text-primary/80',
    muted: 'text-muted-foreground hover:text-foreground',
    underline: 'text-foreground underline underline-offset-4 hover:text-primary',
  }

  return (
    <Link
      href={href}
      className={cn(
        'transition-colors duration-200',
        variants[variant],
        className
      )}
    >
      {children}
    </Link>
  )
}

// Usage example:
// <InternalLink href="/vendors/photography">Wedding Photography</InternalLink>
// <InternalLink href="/venues" variant="muted">View all venues</InternalLink>