gsy-component-library/build/components/_Verbund/Wrapper/Wrapper.js

reusable components from grid singularity

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

require('./Wrapper.' + (process.env.NODE_ENV === 'storybook' ? 'scss' : 'css'));

var Wrapper = function Wrapper(props) {
  var children = props.children;

  var childrenWithProps = _react2.default.Children.map(children, function (child) {
    if (child.props.type === 'verbund-primary') {
      return _react2.default.cloneElement(child, { onClick: props.onSliding || function () {} });
    }
    return child;
  });

  return _react2.default.createElement(
    'div',
    { className: 'verbund verbund-wrapper' + (props.layout ? '' : '-component') },
    _react2.default.createElement(
      'div',
      null,
      childrenWithProps
    )
  );
};

Wrapper.propTypes = {
  layout: _propTypes2.default.bool.isRequired
};

Wrapper.defaultProps = {
  layout: false
};

exports.default = Wrapper;