"use strict";

exports.__esModule = true;
exports.doc = void 0;

var _reactDesc = require("react-desc");

var doc = function doc(Half) {
  var DocumentedHalf = (0, _reactDesc.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: _reactDesc.PropTypes.shape({
      src: _reactDesc.PropTypes.string,
      center: _reactDesc.PropTypes.bool,
      middle: _reactDesc.PropTypes.bool
    }).description('Add an illustration using the full path of image or svg'),
    photo: _reactDesc.PropTypes.shape({
      src: _reactDesc.PropTypes.string,
      middle: _reactDesc.PropTypes.bool
    }).description('Add a photo using the full photo path'),
    center: _reactDesc.PropTypes.bool.description('Center content').defaultValue(false),
    middle: _reactDesc.PropTypes.bool.description('Align content to middle').defaultValue(false),
    stack: _reactDesc.PropTypes.bool.description('Stack an illustration and content').defaultValue(false),
    children: _reactDesc.PropTypes.node.description('Half content')
  };
  return DocumentedHalf;
};

exports.doc = doc;