src/components/MDX/Link/Link.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 { ReactChildren } from 'react';

const Link = ({
  children,
  target,
  isExternal = false,
  lang,
}: {
  children: ReactChildren;
  target: string;
  isExternal: boolean;
  lang?: string;
}) => {
  const className = isExternal ? 'external' : '';

  return (
    <a href={target} className={className} hrefLang={lang}>
      {children}
    </a>
  );
};

export default Link;