RadioButtonGroup.re

/* Importing is just renaming values that are already in scope */
let map = Belt.Array.map;
let reactDom = ReasonReact.createDomElement;
let reactString = ReasonReact.string;

/* You can also alias entire modules */
module RadioButton = Huey.Form.RadioButton;

/* Make the component */
let component = ReasonReact.statelessComponent("RadioButtonGroup");
let make = (~items, ~show, ~eq, ~onChange, ~value, ~label, _children) => {
  ...component,

  render: _self => {
    let children = items |. map(item => {
      let selected = eq(item, value);
      <RadioButton item show selected onChange />
    });

    <div className="huey-radio-group">
      <div className="huey-form-control-label">{ reactString(label) }</div>
      reactDom("div", ~props={ "className": "huey-radio-group-items" }, children)
    </div>
  }
};