import Link from 'next/link';
import { FC, ReactNode } from 'react';
import styles from './nav-link.module.scss';

export type NavLinkProps = {
  /**
   * Link target.
   */
  href: string;
  /**
   * Link label.
   */
  label: string;
  /**
   * Link logo.
   */
  logo?: ReactNode;
};

/**
 * NavLink component
 *
 * Render a navigation link.
 */
export const NavLink: FC<NavLinkProps> = ({ href, label, logo }) => {
  return (
    <Link className={styles.link} href={href}>
      {logo}
      {label}
    </Link>
  );
};
