Ref: modification components in selfcheckout

package/components/atoms/Input.tsx

@@ -4,20 +4,33 @@ import React from "react"
 
 interface InputProps {
   type: string
+  name?: string; 
   placeholder?: string
   value: string
   onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
+  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
   autocomplete?: string
   disabled?: boolean 
 }
 
-const Input: React.FC<InputProps> = ({ type, placeholder, value, onChange, autocomplete, disabled  }) => {
+const Input: React.FC<InputProps> = ({ 
+  type,
+  name,
+  placeholder,
+  value,
+  onChange,
+  onKeyDown,
+  autocomplete,
+  disabled
+}) => {
   return (
     <TextField
       type={type}
+      name={name}
       placeholder={placeholder}
       value={value}
       onChange={onChange}
+      onKeyDown={onKeyDown}
       autoComplete={autocomplete}
       fullWidth
       variant="outlined"