"use strict";
exports.id = 1734;
exports.ids = [1734];
exports.modules = {

/***/ 1734:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);

const Textarea = ({ label , placeholder , onChange , defaultValue , name , disabled , id  })=>{
    const classes = {
        div: "flex flex-col mb-2",
        label: "mb-2",
        input: "border border-gray-500 rounded-lg px-3 py-2"
    };
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: classes.div,
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                className: classes.label,
                htmlFor: name,
                children: label
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("textarea", {
                placeholder: placeholder,
                className: classes.input,
                onChange: onChange,
                name: name,
                id: id,
                disabled: disabled ? disabled : false,
                readOnly: disabled ? disabled : false,
                autoComplete: "off",
                defaultValue: defaultValue
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Textarea);


/***/ })

};
;