import NextLink from "next/link";
import { Anchor } from "@mbao01/common";
import { cn } from "@mbao01/common/utilities";
import { ExternalLinkIcon } from "lucide-react";
import { getLinkClasses } from "./constants";
import { type LinkProps } from "./types";

export const Link = <T,>({
  href,
  hover,
  target,
  variant,
  children,
  className,
  underline = false,
  isExternal = false,
  isInternal = true,
  hardNavigate = false,
  ...props
}: LinkProps<T>) => {
  if (isInternal === false) {
    return (
      <Anchor
        href={href as string}
        target={target}
        hover={hover}
        variant={variant}
        className={className}
        underline={underline}
        isExternal={isExternal}
        {...props}
      >
        {children}
      </Anchor>
    );
  }

  return (
    <NextLink
      href={href as Omit<LinkProps<T>["href"], string>}
      target={target}
      className={cn(getLinkClasses({ hover, variant, underline }), className)}
      {...props}
      {...(isExternal && { rel: "noopener noreferrer" })}
      {...(hardNavigate && {
        prefetch: props.prefetch ?? true,
        onNavigate: (e) => {
          props.onNavigate?.(e);
        },
      })}
    >
      {children}
      {isExternal ? <ExternalLinkIcon name="external" className="ml-[2px] w-4 h-4 inline" /> : null}
    </NextLink>
  );
};