@r3l/app/lib/modules/styled/form/textarea.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ReduxFormTextArea = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _web = require("../web");

var _ = require("./..");

var ReduxFormTextArea = function ReduxFormTextArea(props) {
  var label = props.label,
      input = props.input,
      type = props.type,
      meta = props.meta,
      name = props.name,
      placeholder = props.placeholder,
      autocomplete = props.autocomplete;
  var dirty = meta.dirty,
      touched = meta.touched,
      error = meta.error,
      warning = meta.warning;
  return /*#__PURE__*/_react.default.createElement(_.View, {
    sx: {
      mt: 3
    }
  }, label ? /*#__PURE__*/_react.default.createElement("label", {
    "html-for": name
  }, /*#__PURE__*/_react.default.createElement(_.LinkFont, {
    sx: {
      color: 'black'
    }
  }, label)) : null, /*#__PURE__*/_react.default.createElement(_web.StyledTextarea, (0, _extends2.default)({}, input, {
    placeholder: placeholder || label,
    autoComplete: autocomplete,
    name: name,
    type: type,
    border: 1,
    p: "2 2",
    mt: 1
  })), (dirty || touched) && (error && /*#__PURE__*/_react.default.createElement(_.SecondaryText, {
    sx: {
      color: 'red',
      mt: 4.001
    }
  }, error) || warning && /*#__PURE__*/_react.default.createElement(_.SecondaryText, {
    sx: {
      color: 'red'
    }
  }, warning)));
};

exports.ReduxFormTextArea = ReduxFormTextArea;
ReduxFormTextArea.propTypes = {
  error: _propTypes.default.string,
  type: _propTypes.default.string,
  name: _propTypes.default.string,
  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
  placeholder: _propTypes.default.string,
  meta: _propTypes.default.object,
  input: _propTypes.default.object,
  autocomplete: _propTypes.default.string
};
ReduxFormTextArea.defaultProps = {
  autocomplete: null
};
//# sourceMappingURL=textarea.js.map