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

wix-style-react

import React from 'react';
import styles from './BadgeSelectItem.st.css';
import PropTypes from 'prop-types';
import Text from '../Text/Text';

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


  return React.createElement(
    'div',
    styles('root', { skin: skin }, props),
    React.createElement('div', { className: styles.marker }),
    React.createElement(
      'span',
      { className: styles.label },
      React.createElement(
        Text,
        { size: 'small', skin: 'standard', tagName: 'span', weight: 'normal' },
        text
      )
    )
  );
};

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

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