From c2b4aad634d495a4fd0aede9bcea3724ef090564 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Wed, 21 Aug 2024 15:24:15 +0200
Subject: [PATCH] UI: add classes to SelectInput

---
 pkgs/webview-ui/app/src/components/SelectInput.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pkgs/webview-ui/app/src/components/SelectInput.tsx b/pkgs/webview-ui/app/src/components/SelectInput.tsx
index 6f04577ee..e8023304e 100644
--- a/pkgs/webview-ui/app/src/components/SelectInput.tsx
+++ b/pkgs/webview-ui/app/src/components/SelectInput.tsx
@@ -1,6 +1,7 @@
 import { FieldValues, FormStore, ResponseData } from "@modular-forms/solid";
 import { Show } from "solid-js";
 import { type JSX } from "solid-js";
+import cx from "classnames";
 
 interface SelectInputProps<T extends FieldValues, R extends ResponseData> {
   formStore: FormStore<T, R>;
@@ -11,14 +12,15 @@ interface SelectInputProps<T extends FieldValues, R extends ResponseData> {
   error?: string;
   required?: boolean;
   topRightLabel?: JSX.Element;
+  class?: string;
 }
 
 export function SelectInput<T extends FieldValues, R extends ResponseData>(
-  props: SelectInputProps<T, R>,
+  props: SelectInputProps<T, R>
 ) {
   return (
     <label
-      class="form-control w-full"
+      class={cx("form-control w-full", props.class)}
       aria-disabled={props.formStore.submitting}
     >
       <div class="label">