@chatui/core/es/components/Radio/RadioGroup.js

The React library for Chatbot UI

import React from 'react';
import clsx from 'clsx';
import { Radio } from './Radio';
export var RadioGroup = function RadioGroup(props) {
  var className = props.className,
    options = props.options,
    value = props.value,
    name = props.name,
    disabled = props.disabled,
    block = props.block,
    align = props.align,
    maxPerRow = props.maxPerRow,
    flex = props.flex,
    _onChange = props.onChange;
  return /*#__PURE__*/React.createElement("div", {
    className: clsx('RadioGroup', {
      'RadioGroup--block': block
    }, className),
    "data-align": align,
    "data-layout": flex ? 'flex' : maxPerRow,
    style: maxPerRow && !flex ? {
      '--max-per-row': maxPerRow
    } : undefined
  }, options.map(function (item) {
    return /*#__PURE__*/React.createElement(Radio, {
      label: item.label || item.value,
      value: item.value,
      name: name,
      checked: value === item.value,
      disabled: 'disabled' in item ? item.disabled : disabled,
      onChange: function onChange(e) {
        _onChange(item.value, e);
      },
      key: item.value
    });
  }));
};