import { LinkProps } from "next/link";
import React, { PropsWithChildren } from "react";

export type TNewTabLink = React.PropsWithChildren<LinkProps> & {
  className?: string;
  target?: string;
};

const Link = ({
  href,
  NewTabLink,
  children,
  className,
}: PropsWithChildren<{
  href: string;
  NewTabLink?: (props: TNewTabLink) => JSX.Element;
  className?: string;
}>) => {
  if (NewTabLink) {
    return (
      <NewTabLink href={href} className={className}>
        {children}
      </NewTabLink>
    );
  }
  return (
    <a href={href} className={className}>
      {children}
    </a>
  );
};

export default Link;