From 16baa822cc897fa8764c14861f7869f46ca50e30 Mon Sep 17 00:00:00 2001
From: Furkan Sahin <furkan-dev@proton.me>
Date: Mon, 30 May 2022 21:11:40 -0500
Subject: Compress results gif

---
 components/Link/index.tsx        | 23 +++++++++++++++++++++++
 components/Link/link.module.scss | 11 +++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 components/Link/index.tsx
 create mode 100644 components/Link/link.module.scss

(limited to 'components/Link')

diff --git a/components/Link/index.tsx b/components/Link/index.tsx
new file mode 100644
index 0000000..e6477c2
--- /dev/null
+++ b/components/Link/index.tsx
@@ -0,0 +1,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;
diff --git a/components/Link/link.module.scss b/components/Link/link.module.scss
new file mode 100644
index 0000000..b6ef943
--- /dev/null
+++ b/components/Link/link.module.scss
@@ -0,0 +1,11 @@
+.link {
+	text-decoration: none;
+}
+
+.link:hover {
+	text-decoration: underline;
+}
+
+.link, .link:visited, .link:active, .link:hover {
+	color: #0716ea;
+}
-- 
cgit v1.2.3