Chore: cls 함수 이름 변경 - bindCls

Author: hongggyelim

components/modal/modalComponents/FolderItem.tsx

@@ -1,4 +1,4 @@
-import { cls } from "@/lib/utils";
+import { bindCls } from "@/lib/utils";
 import { FolderItemType } from "@/types/modalTypes";
 import { useState } from "react";
 import { FaCheck } from "react-icons/fa6";
@@ -15,15 +15,15 @@ const FolderItem = ({ item }: { item: FolderItemType }) => {
   };
   return (
     <li
-      className={cls(
+      className={bindCls(
         bgColor,
         "w-full p-2 flex h-10 rounded-lg items-center justify-between"
       )}
       onClick={onClickFolder}
     >
       <div className="flex items-center gap-2">
         <div
-          className={cls(
+          className={bindCls(
             "text-base",
             selected ? "text-purple100" : "text-black300"
           )}

components/modal/modalComponents/ModalInput.tsx

@@ -1,4 +1,4 @@
-import { cls } from "@/lib/utils";
+import { bindCls } from "@/lib/utils";
 
 const ModalInput = ({
   placeholder,
@@ -12,7 +12,7 @@ const ModalInput = ({
       type="text"
       name={name}
       id={name}
-      className={cls(
+      className={bindCls(
         "w-full rounded-lg border border-gray300 py-[18px] px-[15px] mb-6 text-black300",
         "placeholder:text-base placeholder:text-gray400",
         "focus:outline-1px focus:outline-purple100"

components/modal/modalComponents/ModalShareItem.tsx

@@ -1,4 +1,3 @@
-import { cls } from "@/lib/utils";
 import Image from "next/image";
 
 const ModalShareItem = ({

lib/utils.ts

@@ -1,4 +1,4 @@
 // tailwind 동적 스타일을 위한 함수
-export const cls = (...cls: string[]) => {
+export const bindCls = (...cls: string[]) => {
   return cls.join(" ");
 };