import { IGenericInput } from "../../../../generic/types";
import { RWCAnswerComponent } from "../../../classes/v5";

export const transformInput = ({ props }: IGenericInput) => {
    const result = { ...props.rwc };
    const type = "rwc-text-input";

    if(props?.label) {
        const textComponent = new RWCAnswerComponent({text: props?.label}, 'rwc-text');
        const inputComponent = new RWCAnswerComponent(
        {
            ...props?.rwc,
            predefinedText: props.value || "",
            placeholder: props.placeholder || "",
        },
        'rwc-text-input'
        );
        return {
            components: [textComponent, inputComponent]
        };
    }

    result.predefinedText = props.value || "";
    result.placeholder = props.placeholder || "";

    return new RWCAnswerComponent(result, type);
};