import React, { ReactNode } from 'react';
import NextLink from 'next/link';
import styles from './link.module.scss';
import clsx from 'clsx';

interface LinkProps {
  href: string;
  children: ReactNode;
  className?: string;
}

const Link: React.FC<LinkProps> = ({ href, className, children }) => {
  return (
    <NextLink
      href={href}
      className={clsx('md-a', className)}
    >
      {children}
    </NextLink>
  );
};

export default Link;