feat(Link): style with app config

src/theme/index.ts

@@ -11,6 +11,7 @@ export { default as formField } from './formField'
 export { default as icons } from './icons'
 export { default as input } from './input'
 export { default as kbd } from './kbd'
+export { default as link } from './link'
 export { default as modal } from './modal'
 export { default as navigationMenu } from './navigationMenu'
 export { default as popover } from './popover'

src/theme/link.ts

@@ -0,0 +1,12 @@
+export default {
+  base: 'focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400',
+  variants: {
+    active: {
+      true: 'text-primary-500 dark:text-primary-400',
+      false: 'text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200'
+    },
+    disabled: {
+      true: 'cursor-not-allowed opacity-75'
+    }
+  }
+}