feat:SW-1422 Updated Tablet mode

components/Forms/BookingWidget/FormContent/BookingCode/TabletCodeInput/index.tsx

@@ -0,0 +1,25 @@
+import { useFormContext } from "react-hook-form"
+import { useIntl } from "react-intl"
+
+import Input from "@/components/TempDesignSystem/Form/Input"
+
+import type { BookingWidgetSchema } from "@/types/components/bookingWidget"
+
+export default function TabletCodeInput({
+  updateValue,
+  defaultValue,
+}: {
+  updateValue: (val: string) => void
+  defaultValue?: string
+}) {
+  const intl = useIntl()
+  const { register } = useFormContext<BookingWidgetSchema>()
+  return (
+    <Input
+      label={intl.formatMessage({ id: "Add code" })}
+      {...register("bookingCode.value", {
+        onChange: (e) => updateValue(e.target.value),
+      })}
+    />
+  )
+}