import { describe, PropTypes } from 'react-desc';
import { propTypes } from '../../utils/propTypes';
export var doc = function doc(Button) {
  var DocumentedButton = describe(Button).description('A Button component. Chose from a submit, button, or link element. Defaults to a link.').usage("import { Button } from '@dragonchain-dev/dragon-kit'\n      \n<Button \n  blank \n  color=\"red\" \n  hover=\"red-on-white\" \n  to=\"https://dragonchain.com\n>\n  Dragonchain\n</Button>");
  DocumentedButton.propTypes = {
    tag: PropTypes.string.description('HTML tag'),
    className: PropTypes.string.description('Override all button styles'),
    color: PropTypes.oneOf(propTypes('Button').colors).description('Button color').defaultValue('blue'),
    hover: PropTypes.oneOf(propTypes('Button').hover).description('Button hover color').defaultValue('blue-dark'),
    type: PropTypes.oneOf(propTypes('Button').type).description('The type of button').defaultValue('link'),
    outline: PropTypes.bool.description('Remove solid fill and replace with an outline').defaultValue(false),
    url: PropTypes.string.description('URL'),
    blank: PropTypes.bool.description('Open url in new window').defaultValue(false),
    disabled: PropTypes.bool.description('Disable the button').defaultValue(false),
    small: PropTypes.bool.description('Make the button smaller').defaultValue(false),
    children: PropTypes.node.description('Button body').isRequired
  };
  return DocumentedButton;
};