import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks';

import Radio from './';

<Meta title="Data Entry|Radio" component={Radio} />

# Radio

<Preview>
  <Story name="Index">
    <Radio id="1" value="1">
      Agree
    </Radio>
  </Story>
</Preview>

### Grouped Check

<Preview>
  <Story name="Group Radio">
    <Radio.Group name="countries" value="3">
      <Radio id="1" value="1">
        Australia
      </Radio>
      <Radio id="2" value="2">
        Germany
      </Radio>
      <Radio id="3" value="3">
        France
      </Radio>
      <Radio id="4" value="4">
        Canada
      </Radio>
    </Radio.Group>
  </Story>
</Preview>

### Inline Grouped Check

<Preview>
  <Story name="Inline Group Radio">
    <Radio.Group mode="horizontal" name="inlineCountries" value="3">
      <Radio id="1" value="1">
        Australia
      </Radio>
      <Radio id="2" value="2">
        Germany
      </Radio>
      <Radio id="3" value="3">
        France
      </Radio>
      <Radio id="4" value="4">
        Canada
      </Radio>
    </Radio.Group>
  </Story>
</Preview>

#### Props

<Props of={Radio} />