From b4f65d3de0cd67ff35264d107ce261f320c11238 Mon Sep 17 00:00:00 2001
From: dutexion <dutexion@gmail.com>
Date: Wed, 3 Apr 2024 17:31:11 +0900
Subject: [PATCH] =?UTF-8?q?design=20::=20=ED=95=99=EC=83=9D=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20=EC=9E=85=EB=A0=A5=EB=9E=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Team/Create.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/Team/Create.tsx b/src/pages/Team/Create.tsx
index 38445ae..634fb28 100644
--- a/src/pages/Team/Create.tsx
+++ b/src/pages/Team/Create.tsx
@@ -3,6 +3,7 @@ import { Sidebar } from '@/components/common/sidebar';
 import { Input } from '@/components/common/Input';
 import { SelectBar } from '@/components/common/SelectBar';
 import { useState } from 'react';
+import { XButton } from '@/components/common/XButton';
 
 type ProjectType = '동아리' | '팀 프로젝트' | '개인 프로젝트' | '기타';
 const projectKinds: ProjectType[] = ['동아리', '팀 프로젝트', '개인 프로젝트', '기타'];
@@ -21,7 +22,12 @@ export const TeamCreate = () => {
           <Input width={400} label="팀 이름(한글)" placeholder="팀 이름(한글)" />
           <Input width={400} label="팀 이름(영어)" placeholder="팀 이름(영어)" />
           <SelectBar selectedIndex={selectedIndex} onSelect={setSelectIndex} values={projectKinds} label="팀 분류" />
-          <div>hello world</div>
+          <TeamAddWrapper>
+            <Input width={400} label="팀원" placeholder="학생 검색" />
+            <XButton width={88} height={46} buttonStyle="solid">
+              학생 추가
+            </XButton>
+          </TeamAddWrapper>
         </Form>
       </Container>
     </Wrapper>
@@ -55,6 +61,12 @@ const Title = styled.div`
   cursor: default;
 `;
 
+const TeamAddWrapper = styled.div`
+  display: flex;
+  align-items: end;
+  gap: 10px;
+`;
+
 const Form = styled.div`
   margin-top: 56px;
   width: 1120px;