green-on-selection.js

export default function statelessRadio(React) {
  return function StatelessRadio({ baseId, defaultValue, titleText, inputs = [], onSelection = () => {}} = {}) {
    function handleSelectionChange(event) {
      onSelection(event.target.value);
    }

    return (
      <div id={baseId}>
        <p id={`${baseId}__title`}>{titleText}</p>
        {inputs.map((inputItem) => {
          const defaultChecked = (defaultValue === inputItem.value);
          return (
            <div>
              <input type="radio" name={baseId} value={inputItem.value} defaultChecked={defaultChecked} onChange={handleSelectionChange} />
              <label>{inputItem.label}</label>
            </div>
          );
        })}
      </div>
    );
  };
}