@r3l/app/lib/modules/styled/form/field.component.js

Relevant App

"use strict";

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

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

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

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

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

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

var FormField = function FormField(props) {
  var error = props.error,
      type = props.type,
      placeholder = props.placeholder,
      label = props.label,
      value = props.value,
      onChange = props.onChange,
      onBlur = props.onBlur,
      onFocus = props.onFocus,
      onKeyDown = props.onKeyDown;
  return /*#__PURE__*/_react.default.createElement(_web.View, {
    sx: {
      mt: 3
    }
  }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement(_.LinkFont, {
    sx: {
      color: 'black'
    }
  }, label)), /*#__PURE__*/_react.default.createElement(_web.Input, {
    type: type,
    placeholder: placeholder,
    value: value,
    onChange: onChange,
    onBlur: onBlur,
    onFocus: onFocus,
    onKeyDown: onKeyDown
  }), error ? /*#__PURE__*/_react.default.createElement(_.SecondaryText, {
    sx: {
      mt: 1,
      color: 'red'
    }
  }, error) : null);
};

FormField.propTypes = {
  error: _propTypes.default.string,
  type: _propTypes.default.string,
  placeholder: _propTypes.default.string,
  label: _propTypes.default.string,
  value: _propTypes.default.string,
  onChange: _propTypes.default.func,
  onBlur: _propTypes.default.func,
  onFocus: _propTypes.default.func,
  onKeyDown: _propTypes.default.func
};
var _default = FormField;
exports.default = _default;
//# sourceMappingURL=field.component.js.map