From a4a062302e3859b1ca81014b0da55303b9fec4d2 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Fri, 3 Jan 2025 16:36:59 +0100
Subject: [PATCH] UI: foward input variant to textInput

---
 pkgs/webview-ui/app/src/Form/fields/TextInput.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/pkgs/webview-ui/app/src/Form/fields/TextInput.tsx b/pkgs/webview-ui/app/src/Form/fields/TextInput.tsx
index c37214b30..24f3ca357 100644
--- a/pkgs/webview-ui/app/src/Form/fields/TextInput.tsx
+++ b/pkgs/webview-ui/app/src/Form/fields/TextInput.tsx
@@ -1,5 +1,10 @@
 import { splitProps, type JSX } from "solid-js";
-import { InputBase, InputError, InputLabel } from "@/src/components/inputBase";
+import {
+  InputBase,
+  InputError,
+  InputLabel,
+  InputVariant,
+} from "@/src/components/inputBase";
 import { Typography } from "@/src/components/Typography";
 import { FieldLayout } from "./layout";
 
@@ -12,10 +17,11 @@ interface TextInputProps {
   value: string;
   inputProps?: JSX.InputHTMLAttributes<HTMLInputElement>;
   placeholder?: string;
+  variant?: InputVariant;
   // Passed to label
   label: JSX.Element;
   help?: string;
-  // Passed to layouad
+  // Passed to layout
   class?: string;
 }
 
@@ -35,6 +41,7 @@ export function TextInput(props: TextInputProps) {
       }
       field={
         <InputBase
+          variant={props.variant}
           error={!!props.error}
           required={props.required}
           disabled={props.disabled}