import { cn } from "#/lib/utils/tailwind-utils"
import { ExternalLink } from "lucide-react"
import Link from "next/link"

interface CustomLinkProps extends React.LinkHTMLAttributes<HTMLAnchorElement> {
  href: string
}

const CustomLink = ({
  href,
  children,
  className,
  ...rest
}: CustomLinkProps) => {
  const isInternalLink = href.startsWith("/")
  const isAnchorLink = href.startsWith("#")

  if (isInternalLink || isAnchorLink) {
    return (
      <Link 
        href={href} 
        className={className} 
        {...rest}
      >
        {children}
      </Link>
    )
  }

  return (
    <Link
      href={href}
      target="_blank"
      rel="noopener noreferrer"
      className={cn("items-center underline", className)}
      {...rest}
    >
      {children}
      {/* <ExternalLink 
        className="ml-0.5 h-4 w-4 inline-block" 
      /> */}
    </Link>
  )
}
CustomLink.displayName = 'CustomLink'

export default CustomLink