From 237e9e5cb9120d22899c0b9a2611d888d0e0e565 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Wed, 21 Feb 2024 15:43:09 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20implement=20classnames?=
 =?UTF-8?q?=20utils?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/utils/classnames.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 packages/frontend/src/utils/classnames.ts

diff --git a/packages/frontend/src/utils/classnames.ts b/packages/frontend/src/utils/classnames.ts
new file mode 100644
index 00000000..7c5139f9
--- /dev/null
+++ b/packages/frontend/src/utils/classnames.ts
@@ -0,0 +1,13 @@
+import { clsx } from 'clsx';
+import type { ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+/**
+ * Returns a merged class name string by merging and processing multiple class names and Tailwind CSS styles.
+ *
+ * @param {...string[]} args - One or more class names and/or Tailwind CSS styles to be merged.
+ * @returns {string} - The merged class name string.
+ */
+export function cn(...args: ClassValue[]): string {
+  return twMerge(clsx(args));
+}