wix-style-react/dist/src/BadgeSelectItemBuilder/BadgeSelectItemBuilder.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _BadgeSelectItemSt = require('./BadgeSelectItem.st.css');

var _BadgeSelectItemSt2 = _interopRequireDefault(_BadgeSelectItemSt);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _Text = require('../Text/Text');

var _Text2 = _interopRequireDefault(_Text);

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

var BadgeOption = function BadgeOption(props) {
  var skin = props.skin,
      text = props.text;


  return _react2.default.createElement(
    'div',
    (0, _BadgeSelectItemSt2.default)('root', { skin: skin }, props),
    _react2.default.createElement('div', { className: _BadgeSelectItemSt2.default.marker }),
    _react2.default.createElement(
      'span',
      { className: _BadgeSelectItemSt2.default.label },
      _react2.default.createElement(
        _Text2.default,
        { size: 'small', skin: 'standard', tagName: 'span', weight: 'normal' },
        text
      )
    )
  );
};

BadgeOption.propTypes = {
  text: _propTypes2.default.node.isRequired,
  skin: _propTypes2.default.string.isRequired
};

var badgeSelectItemBuilder = exports.badgeSelectItemBuilder = function badgeSelectItemBuilder(_ref) {
  var id = _ref.id,
      text = _ref.text,
      skin = _ref.skin;
  return {
    id: id,
    value: _react2.default.createElement(BadgeOption, { skin: skin, text: text })
  };
};