style readOnly correctly

interledger · Nov 27, 2024 · 3c5d478 · 3c5d478
1 parent fc730f3
commit 3c5d478
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/popup/components/ui/Input.tsx b/src/popup/components/ui/Input.tsx
@@ -51,6 +51,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
     description,
     errorMessage,
     disabled,
+    readOnly,
     className,
     id,
     ...props
@@ -86,7 +87,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
           ref={ref}
           type={type}
           className={cn(
-            inputVariants({ disabled }),
+            inputVariants({ disabled, readOnly }),
             addOn && (addOnPosition === 'left' ? 'pl-10' : 'pr-10'),
             addOnRight && 'pr-10',
             errorMessage && 'border-error',