instantjob-recruiter-client/dist/components/utils/check_box.js

a set of tools for creating an instantjob recruiter react client

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  ', '\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n  margin: 5px;\n  ', '\n'], ['\n  ', '\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n  margin: 5px;\n  ', '\n']),
    _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n    color: ', ';\n  '], ['\n    color: ', ';\n  ']),
    _templateObject3 = (0, _taggedTemplateLiteral3.default)(['\n  font-size: 14px;\n  margin-left: 20px;\n'], ['\n  font-size: 14px;\n  margin-left: 20px;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _md = require('react-icons/lib/md');

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _styles = require('common/styles');

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

exports.default = function (_ref) {
  var toggle = _ref.toggle,
      selected = _ref.selected,
      locked = _ref.locked,
      label = _ref.children;
  return _react2.default.createElement(
    Container,
    { onClick: locked ? null : toggle, locked: locked, selected: selected },
    selected ? _react2.default.createElement(_md.MdCheckBox, null) : _react2.default.createElement(_md.MdCheckBoxOutlineBlank, null),
    _react2.default.createElement(
      Label,
      null,
      label
    )
  );
};

var Container = _styledComponents2.default.div(_templateObject, function (_ref2) {
  var locked = _ref2.locked,
      onClick = _ref2.onClick;
  return !locked && onClick ? _styles.link : _styles.disabled_link;
}, function (_ref3) {
  var selected = _ref3.selected,
      locked = _ref3.locked;
  return locked ? (0, _styledComponents.css)(_templateObject2, (0, _styles.color)('black', 'bright')) : selected ? (0, _styledComponents.css)(_templateObject2, (0, _styles.color)('primary', 'light')) : '';
});
var Label = _styledComponents2.default.div(_templateObject3);