feat: add classnames helper

SuperSuperDev · Jun 28, 2021 · 9c3b75e · 9c3b75e
1 parent 3e42a42
commit 9c3b75e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/components/CustomLink.jsx b/components/CustomLink.jsx
@@ -1,10 +1,14 @@
+import { classNames } from '@/lib/helper';
 import UnstyledLink from './UnstyledLink';
 
 export default function CustomLink({ children, className = '', ...rest }) {
   return (
     <UnstyledLink
       {...rest}
-      className={`inline-flex items-center font-bold hover:text-primary-400 animated-underline ${className}`}
+      className={classNames(
+        'inline-flex items-center font-bold hover:text-primary-400 animated-underline',
+        className
+      )}
     >
       {children}
     </UnstyledLink>

diff --git a/lib/helper.js b/lib/helper.js
@@ -0,0 +1,3 @@
+export function classNames(...classes) {
+  return classes.filter(Boolean).join(' ');
+}