import { describe, PropTypes } from 'react-desc';
export var doc = function doc(Half) {
  var DocumentedHalf = describe(Half).description('A Half component').usage("import { Half, Title } from '@dragonchain-dev/dragon-kit'\n\n<Half illustration={{ src: \"https://images.dragonchain.com/illustration.svg\" }} />\n\n<Half>\n  <Title tag=\"h3\">Content Title</Title>\n  <p>content</p>\n</Half>\n\n<Half\n  stack\n  illustration={{\n    middle: true,\n    center: true,\n    src: \"https://images.dragonchain.com/illustration.svg\",\n  }}\n>\n  <p>content</p>\n</Half>");
  DocumentedHalf.propTypes = {
    illustration: PropTypes.shape({
      src: PropTypes.string,
      center: PropTypes.bool,
      middle: PropTypes.bool,
      className: PropTypes.string
    }).description('Add an illustration using the full path of image or svg.'),
    photo: PropTypes.shape({
      src: PropTypes.string,
      middle: PropTypes.bool
    }).description('Add a photo using the full photo path'),
    center: PropTypes.bool.description('Center content').defaultValue(false),
    middle: PropTypes.bool.description('Align content to middle').defaultValue(false),
    stack: PropTypes.bool.description('Stack an illustration and content').defaultValue(false),
    children: PropTypes.node.description('Half content')
  };
  return DocumentedHalf;
};