components/Link/index.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

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;