tuya-panel-kit/lib/components/checkbox/styled.js

a functional component library for developing tuya device panels!

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledText = exports.StyledIcon = exports.StyledCheckbox = undefined;

var _templateObject = _taggedTemplateLiteral(['\n  flex-direction: row;\n  align-self: stretch;\n  align-items: center;\n  justify-content: flex-start;\n  background-color: transparent;\n'], ['\n  flex-direction: row;\n  align-self: stretch;\n  align-items: center;\n  justify-content: flex-start;\n  background-color: transparent;\n']),
    _templateObject2 = _taggedTemplateLiteral([''], ['']),
    _templateObject3 = _taggedTemplateLiteral(['\n  margin-left: ', 'px;\n  color: ', ';\n'], ['\n  margin-left: ', 'px;\n  color: ', ';\n']);

var _reactNative = require('react-native');

var _native = require('styled-components/native');

var _native2 = _interopRequireDefault(_native);

var _TYText = require('../TYText');

var _TYText2 = _interopRequireDefault(_TYText);

var _iconfont = require('../iconfont');

var _iconfont2 = _interopRequireDefault(_iconfont);

var _theme = require('../theme');

var _utils = require('../../utils');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var cx = _utils.RatioUtils.convertX;
var getTheme = _utils.ThemeUtils.getTheme;


var DEFAULT_THEME = _theme.defaultTheme.checkbox.light;

var StyledCheckbox = exports.StyledCheckbox = (0, _native2.default)(_reactNative.TouchableOpacity)(_templateObject);

var StyledIcon = exports.StyledIcon = (0, _native2.default)(_iconfont2.default).attrs({
  size: function size(props) {
    return props.size || getTheme(props, 'checkbox.size', DEFAULT_THEME.size);
  },
  color: function color(props) {
    var color = void 0;
    if (props.disabled) {
      color = props.disabledColor || getTheme(props, 'checkbox.disabledColor', DEFAULT_THEME.disabledColor);
    } else {
      color = props.activeColor || getTheme(props, 'checkbox.activeColor', DEFAULT_THEME.activeColor);
    }
    return color;
  }
})(_templateObject2);

var StyledText = exports.StyledText = (0, _native2.default)(_TYText2.default).attrs({
  type: 'title',
  size: 'small'
})(_templateObject3, cx(6), function (props) {
  return getTheme(props, 'checkbox.fontColor', DEFAULT_THEME.fontColor);
});