initial commit

components/Tag.tsx

@@ -0,0 +1,18 @@
+import Link from 'next/link'
+import kebabCase from '@/lib/utils/kebabCase'
+
+interface Props {
+  text: string
+}
+
+const Tag = ({ text }: Props) => {
+  return (
+    <Link href={`/tags/${kebabCase(text)}`}>
+      <a className="mr-3 text-sm font-medium uppercase text-primary-500 hover:text-primary-600 dark:hover:text-primary-400">
+        {text.split(' ').join('-')}
+      </a>
+    </Link>
+  )
+}
+
+export default Tag