var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import React from 'react';
import { StyledTextArea } from './TextArea.styles';
/**

 Text areas give our users space to input unformatted text. All text areas are
 manually expandable by dragging the bottom right corner to the desired size.

 If users need to add formatted text, see Text Editor.

 @since 10.19.0

 @see [Storybook](https://procore.github.io/core/latest/?path=/story/textarea-jss--demo)

 @see [Design Guidelines](https://design.procore.com/text-area)

 */
export var TextArea = React.forwardRef(function TextArea(_a, ref) {
    var _b = _a.resize, resize = _b === void 0 ? 'both' : _b, props = __rest(_a, ["resize"]);
    return React.createElement(StyledTextArea, __assign({ resize: resize }, props, { ref: ref }));
});
TextArea.displayName = 'TextArea';
export default TextArea;
//# sourceMappingURL=TextArea.js.map