From dcd112357b41c14a432310d0abb4c0aebe098a6a Mon Sep 17 00:00:00 2001
From: moonhuicheol <moonhuicheol@gmail.com>
Date: Fri, 27 Dec 2024 17:01:18 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=EA=B3=B5=ED=86=B5=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8/input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/input/Input.tsx        |  5 +++++
 src/components/ui/input/inputStyle.ts    | 16 ++++++++++++++++
 src/components/ui/input/input_porps.d.ts |  3 +++
 3 files changed, 24 insertions(+)
 create mode 100644 src/components/ui/input/Input.tsx
 create mode 100644 src/components/ui/input/inputStyle.ts
 create mode 100644 src/components/ui/input/input_porps.d.ts

diff --git a/src/components/ui/input/Input.tsx b/src/components/ui/input/Input.tsx
new file mode 100644
index 0000000..ad8a472
--- /dev/null
+++ b/src/components/ui/input/Input.tsx
@@ -0,0 +1,5 @@
+import * as S from "./inputStyle";
+
+export default function Input({ type }: IInputProps) {
+  return <S.input type={type}></S.input>;
+}
diff --git a/src/components/ui/input/inputStyle.ts b/src/components/ui/input/inputStyle.ts
new file mode 100644
index 0000000..49aa0ea
--- /dev/null
+++ b/src/components/ui/input/inputStyle.ts
@@ -0,0 +1,16 @@
+import styled from "styled-components";
+
+export const input = styled.input`
+  width: 100%;
+  height: 40px;
+  border-radius: 14px;
+  padding: 16px;
+  background-color: #f8f8f8;
+  font-weight: 400;
+  font-size: 14px;
+  color: #000000;
+
+  &:focus {
+    border: 1px solid #44ff92;
+  }
+`;
diff --git a/src/components/ui/input/input_porps.d.ts b/src/components/ui/input/input_porps.d.ts
new file mode 100644
index 0000000..717dfb0
--- /dev/null
+++ b/src/components/ui/input/input_porps.d.ts
@@ -0,0 +1,3 @@
+interface IInputProps {
+  type: "text";
+}