From 650e2e4f27e128f80b3357d2c92e9341ea16fd41 Mon Sep 17 00:00:00 2001
From: moonhuicheol <moonhuicheol@gmail.com>
Date: Sat, 28 Dec 2024 21:31:54 +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=20input2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/input/Input2.tsx                  | 13 +++++++++++++
 src/components/ui/input/input2_props.d.ts           |  8 ++++++++
 .../ui/input/{input_porps.d.ts => input_props.d.ts} |  0
 3 files changed, 21 insertions(+)
 create mode 100644 src/components/ui/input/Input2.tsx
 create mode 100644 src/components/ui/input/input2_props.d.ts
 rename src/components/ui/input/{input_porps.d.ts => input_props.d.ts} (100%)

diff --git a/src/components/ui/input/Input2.tsx b/src/components/ui/input/Input2.tsx
new file mode 100644
index 0000000..892c1bb
--- /dev/null
+++ b/src/components/ui/input/Input2.tsx
@@ -0,0 +1,13 @@
+import { FieldValues, useFormContext } from "react-hook-form";
+import { IInputProps2 } from "./input2_props";
+
+export default function Input<I extends FieldValues>(props: IInputProps2<I>) {
+  const { register } = useFormContext<I>();
+  return (
+    <input
+      className={props.className}
+      type={props.type}
+      {...register(props.keyname)}
+    />
+  );
+}
diff --git a/src/components/ui/input/input2_props.d.ts b/src/components/ui/input/input2_props.d.ts
new file mode 100644
index 0000000..10687d3
--- /dev/null
+++ b/src/components/ui/input/input2_props.d.ts
@@ -0,0 +1,8 @@
+import { HTMLInputTypeAttribute } from "react";
+import { Path } from "react-router-dom";
+
+interface IInputProps2<P> {
+  className?: string;
+  type: HTMLInputTypeAttribute;
+  keyname: Path<P>;
+}
diff --git a/src/components/ui/input/input_porps.d.ts b/src/components/ui/input/input_props.d.ts
similarity index 100%
rename from src/components/ui/input/input_porps.d.ts
rename to src/components/ui/input/input_props.d.ts