formbricks/apps/formbricks-com/components/engine/Input.tsx

import { SurveyElement } from "./engineTypes";

interface TextareaProps {
  element: SurveyElement;
  field: any;
  register: any;
  disabled: boolean;
  onSubmit: () => void;
}

export default function Input({ element, field, register, disabled, onSubmit }: TextareaProps) {
  return (
    <div className="flex flex-col justify-center">
      <label
        htmlFor={element.id}
        className="pb-6 text-center text-lg font-bold text-slate-600 dark:text-slate-300 sm:text-xl md:text-2xl">
        {element.label}
      </label>
      <input
        type={element.frontend?.type || "text"}
        onBlur=""
        className="focus:border-brand focus:ring-brand mx-auto mt-4 block w-full max-w-xl rounded-md border-gray-300 text-slate-700 shadow-sm dark:bg-slate-700 dark:text-slate-200 dark:placeholder:text-slate-400 dark:focus:bg-slate-700 dark:active:bg-slate-700 sm:text-sm"
        placeholder={element.frontend?.placeholder || ""}
        required={!!element.frontend?.required}
        {...register(element.name!)}
      />
    </div>
  );
}