refacotr : clsx를 사용한 방식으로 수정

prgrms-web-devcourse-final-project · Dec 6, 2024 · 53959cb · 53959cb
1 parent 233e39a
commit 53959cb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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
                 }}