Updated button component

apps/react/src/components/user-interface/button.tsx

@@ -1,33 +1,20 @@
-import type { ReactNode } from "react";
+import type { ComponentPropsWithoutRef } from "react";
 
 import { cn } from "../../utils";
 
-interface ButtonProps {
-  type?: "button" | "submit";
-  children: ReactNode;
-  onClick?: () => void;
-  disabled?: boolean;
-}
-
 export default function Button({
-  type = "submit",
-  children,
-  disabled,
-  onClick,
-}: ButtonProps) {
+  className,
+  ...props
+}: ComponentPropsWithoutRef<"button">) {
   return (
     <button
-      data-cy="button"
-      type={type}
       className={cn(
         "block w-full rounded-full bg-indigo-500 px-6 py-4 text-base text-white hover:bg-indigo-400",
         "focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:ring-offset-2 focus:ring-offset-black",
-        "disabled:bg-indigo-500 disabled:opacity-60"
+        "disabled:bg-indigo-500 disabled:opacity-60",
+        className
       )}
-      disabled={disabled}
-      onClick={onClick}
-    >
-      {children}
-    </button>
+      {...props}
+    />
   );
 }