From eb79af296335b05274ceba4310cf90a466220d6b Mon Sep 17 00:00:00 2001
From: Hyoeunkh <lhe4528@knu.ac.kr>
Date: Sun, 30 Jun 2024 15:46:05 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20[1=EC=A3=BC=EC=B0=A8=20=EB=A6=AC?=
 =?UTF-8?q?=EB=B7=B0]=20optional=20=EC=A7=80=EC=A0=95=20=EB=B0=8F=20Pick?=
 =?UTF-8?q?=20=ED=83=80=EC=9E=85=20=EC=82=AC=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Form/Input/UnderlineTextField.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Form/Input/UnderlineTextField.tsx b/src/components/Form/Input/UnderlineTextField.tsx
index 7b5f7fb31..6ccce84ec 100644
--- a/src/components/Form/Input/UnderlineTextField.tsx
+++ b/src/components/Form/Input/UnderlineTextField.tsx
@@ -2,12 +2,12 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 
 export interface IUnderlineTextField extends React.ComponentProps<'input'> {
-  invalid: boolean;
+  invalid?: boolean;
   variant: 'small' | 'large' | 'responsive';
 }
 
 export const UnderlineTextField = ({ invalid = false, variant = 'responsive', ...rest }: IUnderlineTextField) => {
-  return <StyleInput invalid={invalid} variant={variant} {...rest}></StyleInput>;
+  return <StyleInput invalid={invalid} variant={variant} {...rest} />;
 };
 
 const sizeStyles = {
@@ -40,7 +40,7 @@ const sizeStyles = {
   `,
 };
 
-const StyleInput = styled.input<IUnderlineTextField>`
+const StyleInput = styled.input<Pick<IUnderlineTextField, 'invalid' | 'variant'>>`
   width: 100%;
   padding: 12px 20px;
   margin: 8px 0;