Improve checkout design

Author: w3bdesign

refactor/src/components/Checkout/Billing.component.tsx

@@ -1,12 +1,17 @@
 // Imports
-import { useForm } from 'react-hook-form';
+import { FieldValues, SubmitHandler, useForm } from 'react-hook-form';
 
 // Components
 import { InputField } from '@/components/Input/InputField.component';
+import Button from '../UI/Button.component';
 
 // Constants
 import { INPUT_FIELDS } from '@/utils/constants/INPUT_FIELDS';
 
+interface IBillingProps {
+  onSubmit: SubmitHandler<FieldValues>;
+}
+
 const OrderButton = ({ register }: any) => (
   <div className="w-full p-2">
     <input
@@ -17,13 +22,13 @@ const OrderButton = ({ register }: any) => (
       checked
       {...register('paymentMethod')}
     />
-    <button className="flex px-4 py-2 mx-auto font-bold bg-white border border-gray-400 border-solid rounded hover:bg-gray-400">
-      BESTILL
-    </button>
+    <div className="mt-4 flex justify-center">
+      <Button>BESTILL</Button>
+    </div>
   </div>
 );
 
-const Billing = ({ onSubmit }: any) => {
+const Billing = ({ onSubmit }: IBillingProps) => {
   const {
     register,
     handleSubmit,