tao-react-components/lib/docs/components/HelloWorldDocs.js

react components crafted with love by Tao

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _DocumentComponent = require('../layout/DocumentComponent');

var _DocumentComponent2 = _interopRequireDefault(_DocumentComponent);

var _components = require('../../components');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var components = [];
// Add your component proptype data here
// multiple component proptype documentation supported
components.push({
  name: 'HelloWorld',
  proptypes: '\n    {\n      name: PropTypes.string,\n      message: PropTypes.string,\n      children: PropTypes.any\n    }\n  '
});

var examples = [];
// Add your component example data here
// multiple examples supported
examples.push({
  name: 'HelloWorld - Basic',
  demo: _react2.default.createElement(_components.HelloWorld, null),
  source: '\n    <HelloWorld />\n  '
});

examples.push({
  name: 'HelloWorld - Advanced',
  demo: _react2.default.createElement(
    _components.HelloWorld,
    { name: 'Ground Control', message: 'I\'m stepping through the door' },
    _react2.default.createElement(
      'em',
      null,
      'And I\'m floating in a most peculiar way'
    )
  ),
  source: '\n    <HelloWorld name="Ground Control" message="I\'m stepping through the door">\n      <em>And I\'m floating in a most peculiar way</em>\n    </HelloWorld>\n  '
});

var Documentation = function Documentation() {
  return _react2.default.createElement(
    _DocumentComponent2.default,
    {
      name: 'HelloWorld',
      components: components,
      examples: examples },
    _react2.default.createElement(
      'p',
      null,
      'Description for component'
    )
  );
};

exports.default = Documentation;