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

export default function KoleCheckbox({ modelValue = [], 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-checkbox-root">
      <div className="kole-checkbox" role="group">{opts.map((o) => <label key={o.value} className="kole-checkbox-option"><input type="checkbox" name="kole-checkbox-group" checked={Array.isArray(modelValue) && modelValue.includes(o.value)} disabled={disabled} onChange={() => onChange && onChange(o.value)} />{o.label}</label>)}</div>
    </div>
  );
}
