wix-style-react/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';

const BadgeOption = props => {
  const { skin, text } = props;

  return (
    <div {...styles('root', { skin }, props)}>
      <div className={styles.marker} />
      <span className={styles.label}>
        <Text size="small" skin="standard" tagName="span" weight="normal">
          {text}
        </Text>
      </span>
    </div>
  );
};

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

export const badgeSelectItemBuilder = ({ id, text, skin }) => ({
  id,
  value: <BadgeOption skin={skin} text={text} />,
});