From 9d167b560aa12335058c9ccf8eba82e61c8095f8 Mon Sep 17 00:00:00 2001
From: camin-mccluskey <c.mccluskey_7@hotmail.co.uk>
Date: Wed, 23 Aug 2023 22:06:42 +0100
Subject: [PATCH] Feature: allow consumers to pass custom className prop to
 SubmitButton

---
 src/components/SubmitButton.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/SubmitButton.tsx b/src/components/SubmitButton.tsx
index af72358..83ca235 100644
--- a/src/components/SubmitButton.tsx
+++ b/src/components/SubmitButton.tsx
@@ -6,6 +6,7 @@ import type { FormStepOnSubmit } from '~/types'
 
 type SubmitButtonProps<StepFormData extends FieldValues> = {
   label?: string
+  className?: string
   handleSubmit: UseFormHandleSubmit<StepFormData>
   onSubmit: FormStepOnSubmit<StepFormData>
   disabled: boolean
@@ -13,6 +14,7 @@ type SubmitButtonProps<StepFormData extends FieldValues> = {
 
 export default function SubmitButton<StepFormData extends FieldValues>({
   label = 'Next',
+  className,
   handleSubmit,
   onSubmit,
   disabled,
@@ -26,7 +28,7 @@ export default function SubmitButton<StepFormData extends FieldValues>({
   })
 
   return (
-    <button type="submit" disabled={disabled} ref={submitButtonRef}>
+    <button type="submit" className={className} disabled={disabled} ref={submitButtonRef}>
       {label}
     </button>
   )