First Commit

components/layout/Link.tsx

@@ -0,0 +1,21 @@
+import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Link({
+    ...props
+}: DetailedHTMLProps<
+    AnchorHTMLAttributes<HTMLAnchorElement>,
+    HTMLAnchorElement
+>) {
+    return (
+        <a
+            {...props}
+            className={twMerge(
+                "text-base text-link-500 no-underline hover:text-link-500/50",
+                props.className
+            )}
+        >
+            {props.children}
+        </a>
+    );
+}