feat:SW-1422 Updated Tablet mode

components/Forms/BookingWidget/FormContent/Voucher/index.tsx

@@ -14,7 +14,6 @@ import styles from "./voucher.module.css"
 export default function Voucher() {
   const intl = useIntl()
 
-  const useVouchers = intl.formatMessage({ id: "Use code/voucher" })
   const bonus = intl.formatMessage({ id: "Use bonus cheque" })
   const reward = intl.formatMessage({ id: "Book reward night" })
 
@@ -32,14 +31,6 @@ export default function Voucher() {
         <BookingCode />
       </div>
       <div className={styles.options}>
-        <div className={`${styles.option} ${styles.checkboxVoucher}`}>
-          <Checkbox name="useVouchers" registerOptions={{ disabled: true }}>
-            <Caption color="disabled" asChild>
-              <span>{useVouchers}</span>
-            </Caption>
-          </Checkbox>
-          {/* <InfoCircleIcon color="white" className={styles.infoIcon} /> Out of scope for this release */}
-        </div>
         <div className={styles.option}>
           <Tooltip
             heading={disabledBookingOptionsHeader}
@@ -91,17 +82,16 @@ export function VoucherSkeleton() {
       <div className={styles.optionsContainer}>
         <div className={styles.vouchers}>
           <label>
-            <Caption color="disabled" type="bold" asChild>
+            <Caption type="bold" asChild>
               <span>{vouchers}</span>
             </Caption>
-            {/* <InfoCircleIcon color="white" className={styles.infoIcon} /> Out of scope for this release */}
           </label>
           <Input type="text" placeholder={addVouchers} disabled />
         </div>
         <div className={styles.options}>
           <div className={`${styles.option} ${styles.checkboxVoucher}`}>
-            <Checkbox name="useVouchers" registerOptions={{ disabled: true }}>
-              <Caption color="disabled" asChild>
+            <Checkbox name="useVouchers">
+              <Caption asChild>
                 <span>{useVouchers}</span>
               </Caption>
             </Checkbox>