import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cnb } from "cnbuilder";
import { forwardRef } from "react";
import { textArea } from "./textAreaStyles.js";
/**
 * @since 6.0.0
 * @internal
 */ export const ResizingTextAreaWrapper = /*#__PURE__*/ forwardRef(function ResizingTextAreaWrapper(props, ref) {
    const { className, rows, maskId, maskRef, areaStyle, areaClassName, defaultValue, disableTransition, children, ...remaining } = props;
    return /*#__PURE__*/ _jsxs("div", {
        ...remaining,
        ref: ref,
        className: cnb("rmd-textarea-container__inner", !disableTransition && "rmd-textarea-container__inner--animate", className),
        children: [
            children,
            /*#__PURE__*/ _jsx("textarea", {
                "aria-hidden": true,
                id: maskId,
                ref: maskRef,
                defaultValue: defaultValue,
                readOnly: true,
                tabIndex: -1,
                rows: rows,
                style: areaStyle,
                className: textArea({
                    mask: true,
                    resize: "auto",
                    className: areaClassName
                })
            })
        ]
    });
});

//# sourceMappingURL=ResizingTextAreaWrapper.js.map