import { FC } from 'react';
import NextLink from 'next/link';
import { cn } from '@/utils/styling';
import { LinkProps } from '.';

export const Link: FC<LinkProps> = ({ children, link, openInNewTab, rel, className, style }) => (
  <NextLink
    href={link}
    className={cn(
      '[&:hover_img]:scale-[0.98] [&_img]:transition-transform hover:underline transition-transform',
      className
    )}
    style={style}
    target={openInNewTab ? '_blank' : '_self'}
    rel={rel}
  >
    {children}
  </NextLink>
);