From 53959cb650dc4df9134c851c1dca77150b8eb670 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=82=A8=EC=A0=95=EC=9A=B1?=
 <113816822+HelloWook@users.noreply.github.com>
Date: Fri, 6 Dec 2024 15:23:47 +0900
Subject: [PATCH] =?UTF-8?q?refacotr=20:=20clsx=EB=A5=BC=20=EC=82=AC?=
 =?UTF-8?q?=EC=9A=A9=ED=95=9C=20=EB=B0=A9=EC=8B=9D=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Common/TextArea/TextArea.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Common/TextArea/TextArea.tsx b/src/components/Common/TextArea/TextArea.tsx
index 2a1eb6f2..3a2cf230 100644
--- a/src/components/Common/TextArea/TextArea.tsx
+++ b/src/components/Common/TextArea/TextArea.tsx
@@ -1,6 +1,7 @@
 import React, { useRef, useEffect, useState } from 'react';
 import { Margin } from '../Margin/Margin';
 import { useToastStore } from '@/hooks/useToastStore';
+import { clsx } from 'clsx';
 
 type TextAreaProps = {
     value: string;
@@ -80,7 +81,10 @@ export const TextArea = ({ value, setValue, font }: TextAreaProps) => {
     return (
         <div>
             <textarea
-                className={`w-full  m-auto overflow-hidden bg-transparent border-none resize-none min-h-[413px] min-w-[281px] ${font ? font : 'font-sans'}`}
+                className={clsx(
+                    `w-full  m-auto overflow-hidden bg-transparent border-none resize-none min-h-[413px] min-w-[281px]`,
+                    font ? font : 'font-sans'
+                )}
                 style={{
                     lineHeight: lineHeight
                 }}