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";
+}