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

Relevant App

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = 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 Checkbox = function Checkbox(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
    }
  }, /*#__PURE__*/_react.default.createElement(_.Row, {
    sx: {
      alignItems: 'baseline'
    }
  }, /*#__PURE__*/_react.default.createElement(_web.InputPlain, (0, _extends2.default)({}, input, {
    placeholder: placeholder || label,
    autoComplete: autocomplete,
    name: name,
    type: type,
    sx: {
      mr: 1
    }
  })), ' ', label ? /*#__PURE__*/_react.default.createElement("label", {
    "html-for": name
  }, /*#__PURE__*/_react.default.createElement(_.LinkFont, {
    sx: {
      color: 'black'
    }
  }, label)) : null, (dirty || touched) && (error && /*#__PURE__*/_react.default.createElement(_.SecondaryText, {
    sx: {
      mt: 1,
      color: 'red'
    }
  }, error) || warning && /*#__PURE__*/_react.default.createElement(_.SecondaryText, {
    sx: {
      color: 'red'
    }
  }, warning))));
};

Checkbox.propTypes = {
  error: _propTypes.default.string,
  type: _propTypes.default.string,
  name: _propTypes.default.string,
  label: _propTypes.default.string,
  placeholder: _propTypes.default.string,
  meta: _propTypes.default.object,
  input: _propTypes.default.object,
  autocomplete: _propTypes.default.string
};
Checkbox.defaultProps = {
  autocomplete: null
};
var _default = Checkbox;
exports.default = _default;
//# sourceMappingURL=checkbox.js.map