import React from "react";

export const RenderMultiline = ({
    id,
    className,
    rows,
    datafieldname,
    name,
    label,
    input,
    errorMsg,
    meta: { touched, error },
    ...custom
}) => {
    return (
        <>
            <div
                className={
                    touched && error
                        ? "govuk-form-group govuk-form-group--error"
                        : "govuk-form-group "
                }
            >
                {touched && error && (
                    <span id={id + "-error"} className="govuk-error-message">
                        <span className="govuk-visually-hidden">Error:</span>{" "}
                        {touched &&
                            ((error && (
                                <span>{errorMsg ? errorMsg : error}</span>
                            )) ||
                                (warning && <span>{warning}</span>))}
                    </span>
                )}
                <textarea
                    id={id}
                    name={id}
                    rows={rows}
                    className={className}
                    {...input}
                    maxLength={
                        custom.hasOwnProperty("maxFieldLength")
                            ? custom.maxFieldLength
                                ? custom.maxFieldLength
                                : 800
                            : 800
                    }
                ></textarea>
            </div>
        </>
    );
};