@shakthillc/components/lib/PropDefinition/PropDefinition.js

React generic components for shakthi products

"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _PropDefinitionModule = require("./PropDefinition.module.css");

var _PropDefinitionModule2 = _interopRequireDefault(_PropDefinitionModule);

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

function PropDefinition(props) {
  var object = props.definition;
  var html = object.map(function (obj, i) {
    return _react2.default.createElement(
      "div",
      { className: _PropDefinitionModule2.default.props },
      _react2.default.createElement(
        "span",
        null,
        obj.name
      ),
      _react2.default.createElement(
        "span",
        null,
        obj.isRequired
      ),
      _react2.default.createElement(
        "span",
        null,
        obj.type
      ),
      _react2.default.createElement(
        "span",
        null,
        obj.default
      )
    );
  });
  return _react2.default.createElement(
    "div",
    { className: _PropDefinitionModule2.default.propContainer },
    _react2.default.createElement(
      "div",
      { className: _PropDefinitionModule2.default.propHeader },
      _react2.default.createElement(
        "span",
        null,
        "Name"
      ),
      _react2.default.createElement(
        "span",
        null,
        "isRequired"
      ),
      _react2.default.createElement(
        "span",
        null,
        "Type"
      ),
      _react2.default.createElement(
        "span",
        null,
        "Default Prop"
      )
    ),
    html
  );
}