import React, { JSX } from "react";

// Class to encapsulate the label and input elements
export class ElixFormsElement {
    label: JSX.Element;
    input: JSX.Element;
    separator: string;
    constructor(labelElement: React.ReactElement, inputElement: React.ReactElement, separator: string = "")
    {
        if (!labelElement || !inputElement) {
            throw new Error("labelElement and inputElement are required.");
        }

        this.label = labelElement;
        this.input = inputElement;
        this.separator = separator;
    }

    // Optional: render both elements together
    render() : JSX.Element {
        return (<>{this.label}{this.separator}{this.input}</>);
    }
}