text: "use strict";
  
  exports.__esModule = true;
  exports.themeDoc = exports.doc = void 0;
  
  var _reactDesc = require("react-desc");
  
  var _utils = require("../../utils");
  
  var doc = function doc(RadioButton) {
    var DocumentedRadioButton = (0, _reactDesc.describe)(RadioButton).availableAt((0, _utils.getAvailableAtBadge)('RadioButton')).description('A radio button control.').details("RadioButton should typically not be used directly.\n      Instead, use RadioButtonGroup.").usage("import { RadioButton } from 'grommet';\n<RadioButton />").intrinsicElement('input');
    DocumentedRadioButton.propTypes = {
      checked: _reactDesc.PropTypes.bool.description('Same as React <input checked={} />'),
      disabled: _reactDesc.PropTypes.bool.description("Same as React <input disabled={} />. Also adds a hidden input element\nwith the same name so form submissions work."),
      id: _reactDesc.PropTypes.string.description('The DOM id attribute value to use for the underlying <input/> element.'),
      label: _reactDesc.PropTypes.node.description('Label text to place next to the control.'),
      name: _reactDesc.PropTypes.string.description('The DOM name attribute value to use for the underlying <input/> element.').isRequired,
      onChange: _reactDesc.PropTypes.func.description("Function that will be called when the user clicks the radio button. It\n      will be passed a React event object. The current state can be accessed\n      via event.target.checked. Same as React <input onChange={} />.")
    };
    return DocumentedRadioButton;
  };
  
  exports.doc = doc;
  var themeDoc = {
    'radioButton.border.color': {
      description: 'The color of the border of the Radio Button.',
      type: 'string | { dark: string, light: string }',
      defaultValue: "{dark: 'rgba(255, 255, 255, 0.5), light: 'rgba(0, 0, 0, 0.15)}"
    },
    'radioButton.border.width': {
      description: 'The width size of the border of the RadioButton.',
      type: 'string',
      defaultValue: '2px'
    },
    'radioButton.check.color': {
      description: 'The color of the checked icon in the RadioButton.',
      type: 'string | { dark: string, light: string }',
      defaultValue: 'undefined'
    },
    'radioButton.check.extend': {
      description: 'Any additional style for the checked RadioButton.',
      type: 'string | (props) => {}'
    },
    'radioButton.check.radius': {
      description: 'The border-radius of the RadioButton.',
      type: 'string',
      defaultValue: '100%'
    },
    'radioButton.extend': {
      description: 'Any additional style for the RadioButton.',
      type: 'string | (props) => {}'
    },
    'radioButton.gap': {
      description: 'The gap between the label and the RadioButton itself.',
      type: 'string',
      defaultValue: 'small'
    },
    'radioButton.size': {
      description: 'The size of the RadioButton.',
      type: 'string',
      defaultValue: '24px'
    },
    'radioButton.hover.border.color': {
      description: "The color of the RadioButton border when hovered over.",
      type: 'string | { dark: string, light: string }',
      defaultValue: '{dark: white, light: black}'
    },
    'radioButton.icon.extend': {
      description: 'Any additional style for the RadioButton icon.',
      type: 'string | (props) => {}'
    },
    'radioButton.icon.size': {
      description: 'The size of the icon in the RadioButton.',
      type: 'string'
    }
  };
  exports.themeDoc = themeDoc;