diff --git a/admin-compliance/app/sdk/iace/[projectId]/interview/_components/FormFields.tsx b/admin-compliance/app/sdk/iace/[projectId]/interview/_components/FormFields.tsx new file mode 100644 index 0000000..c2734b4 --- /dev/null +++ b/admin-compliance/app/sdk/iace/[projectId]/interview/_components/FormFields.tsx @@ -0,0 +1,125 @@ +'use client' + +interface TextInputProps { + label: string + value: string + onChange: (value: string) => void + placeholder?: string + helpText?: string + disabled?: boolean +} + +export function TextInput({ label, value, onChange, placeholder, helpText, disabled }: TextInputProps) { + return ( +
+ + {helpText &&

{helpText}

} + onChange(e.target.value)} + placeholder={placeholder} + disabled={disabled} + className="w-full px-3 py-2 border border-gray-200 dark:border-gray-600 rounded-lg text-sm bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-purple-500 focus:border-purple-500 disabled:bg-gray-50 dark:disabled:bg-gray-800 disabled:text-gray-400" + /> +
+ ) +} + +interface TextAreaProps { + label: string + value: string + onChange: (value: string) => void + placeholder?: string + helpText?: string + rows?: number +} + +export function TextArea({ label, value, onChange, placeholder, helpText, rows = 3 }: TextAreaProps) { + return ( +
+ + {helpText &&

{helpText}

} +