import React, { useState } from 'react';
import './Radio.css';

export default function KoleRadio({ modelValue = 'a', options = [], disabled = false, children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  const opts = options && options.length ? options : [{ label: '选项 A', value: 'a' }, { label: '选项 B', value: 'b' }];
  return (
    <div className="kole-radio-root">
      <div className="kole-radio" role="radiogroup">{opts.map((o) => <label key={o.value} className="kole-radio-option"><input type="radio" name="kole-radio-group" checked={modelValue === o.value} disabled={disabled} onChange={() => onChange && onChange(o.value)} />{o.label}</label>)}</div>
    </div>
  );
}
