feat(link): add ExternalLink

Author: psychedelicious

lib/components/link/external-link.tsx

@@ -0,0 +1,16 @@
+import { PiArrowSquareOutBold } from 'react-icons/pi';
+
+import { Icon } from '..';
+import type { LinkProps } from '.';
+import { Link } from '.';
+
+export type ExternalLinkProps = Omit<LinkProps, 'isExternal' | 'children'> & { label: string };
+
+export const ExternalLink = (props: ExternalLinkProps) => {
+  return (
+    <Link href={props.href} isExternal>
+      {props.label}
+      <Icon display="inline" verticalAlign="middle" marginInlineStart={2} as={PiArrowSquareOutBold} />
+    </Link>
+  );
+};

lib/components/link/index.tsx

@@ -1,2 +1,4 @@
+export type { ExternalLinkProps } from './external-link';
+export { ExternalLink } from './external-link';
 export type { LinkProps } from './wrapper';
 export { Link } from './wrapper';