/**
 * debug: true
 */

import React from 'react'
import { RadioGroup, Radio } from 'react-icecream'

export default () => {

  const options = [
    { value: 'Shanghai' },
    { value: 'Beijing11', disabled: true },
    { value: 'Shenzhen', disabled: false },
    { value: 'Guangzhou' }
  ]

  return (
    <>
      <RadioGroup radioType="button" disabled defaultValue="Shanghai">
        {options.map(o => <Radio key={o.value} value={o.value}>{o.value}</Radio>)}
      </RadioGroup>
      <br /><br />
      <RadioGroup radioType="button" defaultValue="Shanghai">
        {options.map(o => <Radio key={o.value} value={o.value} disabled={o.disabled}>{o.value}</Radio>)}
      </RadioGroup>
      <br /><br />
      <RadioGroup radioType="button" disabled defaultValue="Shanghai">
        {options.map(o => <Radio key={o.value} value={o.value} disabled={o.disabled}>{o.value}</Radio>)}
      </RadioGroup>
      <br /><br />
      <RadioGroup radioType="button" disabled={false} defaultValue="Shanghai">
        {options.map(o => <Radio key={o.value} value={o.value} disabled={o.disabled}>{o.value}</Radio>)}
      </RadioGroup>
    </>
  )
}