From 101655841081514136353e6b5ce0f7331de5729f Mon Sep 17 00:00:00 2001
From: moonhuicheol <moonhuicheol@gmail.com>
Date: Sat, 28 Dec 2024 21:02:45 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20formbutton=20=EA=B5=AC?=
 =?UTF-8?q?=ED=98=84=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/button/Button2.tsx        | 13 +++++++++++++
 src/components/ui/button/button2_props.d.ts |  6 ++++++
 2 files changed, 19 insertions(+)
 create mode 100644 src/components/ui/button/Button2.tsx
 create mode 100644 src/components/ui/button/button2_props.d.ts

diff --git a/src/components/ui/button/Button2.tsx b/src/components/ui/button/Button2.tsx
new file mode 100644
index 0000000..d855fad
--- /dev/null
+++ b/src/components/ui/button/Button2.tsx
@@ -0,0 +1,13 @@
+import { FieldValues, useFormContext } from "react-hook-form";
+import { IFormButtonProps } from "./button2_props";
+
+export default function FormButton<F extends FieldValues>(
+  props: IFormButtonProps,
+) {
+  const { formState } = useFormContext<F>();
+  return (
+    <button className={props.className} disabled={!formState.isValid}>
+      {props.children}
+    </button>
+  );
+}
diff --git a/src/components/ui/button/button2_props.d.ts b/src/components/ui/button/button2_props.d.ts
new file mode 100644
index 0000000..ec11585
--- /dev/null
+++ b/src/components/ui/button/button2_props.d.ts
@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+
+interface IFormButtonProps {
+  children: ReactNode;
+  className: "string";
+}