"use strict";

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

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

var doc = function doc(Step) {
  var DocumentedStep = (0, _reactDesc.describe)(Step).description('A label component').usage("import { Step } from '@dragonchain-dev/dragon-kit'\n      \n<Step \n  illustration=\"http://images.dragonchain.com/step1.svg\"\n  number={1}\n  title=\"Getting Started\"\n>\n  How to get started using Dragonchain\n</Step>");
  DocumentedStep.propTypes = {
    number: _reactDesc.PropTypes.number.description('Step number').isRequired,
    title: _reactDesc.PropTypes.string.description('Step title').isRequired,
    reverse: _reactDesc.PropTypes.bool.description('Reverse the illustration side'),
    illustration: _reactDesc.PropTypes.string.description('Illustration src. SVG is required.'),
    illustrationClass: _reactDesc.PropTypes.string.description('Illustration class modifier'),
    line: _reactDesc.PropTypes.string.description('Line illustration src. SVG is required.'),
    stepClass: _reactDesc.PropTypes.string.description('Step class modifier'),
    children: _reactDesc.PropTypes.node.description('Step description').isRequired
  };
  return DocumentedStep;
};

exports.doc = doc;