1 files changed, 0 insertions, 87 deletions
diff --git a/packages/aml-backoffice-ui/src/handlers/InputChoiceHorizontal.tsx b/packages/aml-backoffice-ui/src/handlers/InputChoiceHorizontal.tsx
deleted file mode 100644
index 594b1c32e..000000000
--- a/packages/aml-backoffice-ui/src/handlers/InputChoiceHorizontal.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { TranslatedString } from "@gnu-taler/taler-util";
-import { Fragment, VNode, h } from "preact";
-import { LabelWithTooltipMaybeRequired } from "./InputLine.js";
-import { useField } from "./useField.js";
-import { UIFormProps } from "./FormProvider.js";
-
-export interface Choice<V> {
-  label: TranslatedString;
-  value: V;
-}
-
-export function InputChoiceHorizontal<T extends object, K extends keyof T>(
-  props: {
-    choices: Choice<T[K]>[];
-  } & UIFormProps<T, K>,
-): VNode {
-  const {
-    choices,
-    name,
-    label,
-    tooltip,
-    help,
-    placeholder,
-    required,
-    before,
-    after,
-    converter,
-  } = props;
-  const { value, onChange, state, isDirty } = useField<T, K>(name);
-  if (state.hidden) {
-    return <Fragment />;
-  }
-
-  return (
-    <div class="sm:col-span-6">
-      <LabelWithTooltipMaybeRequired
-        label={label}
-        required={required}
-        tooltip={tooltip}
-      />
-      <fieldset class="mt-2">
-        <div class="isolate inline-flex rounded-md shadow-sm">
-          {choices.map((choice, idx) => {
-            const isFirst = idx === 0;
-            const isLast = idx === choices.length - 1;
-            let clazz =
-              "relative inline-flex items-center px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300  focus:z-10";
-            if (choice.value === value) {
-              clazz +=
-                " text-white bg-indigo-600 hover:bg-indigo-500 ring-2 ring-indigo-600 hover:ring-indigo-500";
-            } else {
-              clazz += " hover:bg-gray-100 border-gray-300";
-            }
-            if (isFirst) {
-              clazz += " rounded-l-md";
-            } else {
-              clazz += " -ml-px";
-            }
-            if (isLast) {
-              clazz += " rounded-r-md";
-            }
-            return (
-              <button
-                type="button"
-                disabled={state.disabled}
-                label={choice.label}
-                class={clazz}
-                onClick={(e) => {
-                  onChange(
-                    (value === choice.value ? undefined : choice.value) as T[K],
-                  );
-                }}
-              >
-                {choice.label}
-              </button>
-            );
-          })}
-        </div>
-      </fieldset>
-      {help && (
-        <p class="mt-2 text-sm text-gray-500" id="email-description">
-          {help}
-        </p>
-      )}
-    </div>
-  );
-}