text: // @flow
  import React from 'react';
  import { md, Example, Props, code } from '@findable/docs';
  
  export default md`
  
    Provides a standard way to select a single option from a list.
  
    ## Usage
  
  ${code`
  import RadioGroup, { AkFieldRadioGroup, AkRadio } from '@findable/field-radio-group';
  `}
  
    RadioGroup exports a stateful component as the default export. This
    handles the selection of items for you. You can also import a stateless
    version as AkFieldRadioGroup.
  
    Both accept a list of items that pass the properties on to a
  AkRadio component to render. Both stateful and stateless
    maintain the state of their children AkRadio components.
  
    ${(
      <Example
        packageName="@findable/field-radio-group"
        Component={require('../examples/00-basic-usage').default}
        title="Basic"
        source={require('!!raw-loader!../examples/00-basic-usage')}
      />
    )}
  
    ${(
      <Example
        packageName="@findable/field-radio-group"
        Component={require('../examples/01-stateless-example').default}
        title="Stateless Checkbox"
        source={require('!!raw-loader!../examples/01-stateless-example')}
      />
    )}
  
    ${(
      <Example
        packageName="@findable/field-radio-group"
        Component={require('../examples/02-form-example').default}
        title="With a Form"
        source={require('!!raw-loader!../examples/02-form-example')}
      />
    )}
  
    ${(
      <Props
        props={require('!!extract-react-types-loader!../src/RadioGroup')}
        heading="RadioGroup Props"
      />
    )}
  
    ${(
      <Props
        props={require('!!extract-react-types-loader!../src/RadioGroupStateless')}
        heading="AkFieldRadioGroup (Stateless) Props"
      />
    )}
  
    ${(
      <Props
        props={require('!!extract-react-types-loader!../src/RadioBase')}
        heading="RadioBase Props"
      />
    )}
  
  `;
  