wix-style-react/dist/src/Card/Card.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _Content = require('./Content');

var _Content2 = _interopRequireDefault(_Content);

var _Header = require('./Header');

var _Header2 = _interopRequireDefault(_Header);

var _Divider = require('./Divider');

var _Divider2 = _interopRequireDefault(_Divider);

var _LinkHeader = require('./LinkHeader');

var _LinkHeader2 = _interopRequireDefault(_LinkHeader);

var _ButtonHeader = require('./ButtonHeader');

var _ButtonHeader2 = _interopRequireDefault(_ButtonHeader);

var _CollapsedHeader = require('./CollapsedHeader');

var _CollapsedHeader2 = _interopRequireDefault(_CollapsedHeader);

var _Card = require('./Card.scss');

var _Card2 = _interopRequireDefault(_Card);

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

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var Card = function Card(_ref) {
  var _classNames;

  var stretchVertically = _ref.stretchVertically,
      hideOverflow = _ref.hideOverflow,
      className = _ref.className,
      children = _ref.children,
      dataHook = _ref.dataHook;
  return _react2.default.createElement('div', {
    className: (0, _classnames2.default)(_Card2.default.card, className, (_classNames = {}, _defineProperty(_classNames, _Card2.default.stretchVertically, stretchVertically), _defineProperty(_classNames, _Card2.default.hideOverflow, hideOverflow), _classNames)),
    children: children,
    'data-hook': dataHook
  });
};

Card.displayName = 'Card';

Card.propTypes = {
  children: _propTypes.node,
  stretchVertically: _propTypes.bool,
  hideOverflow: _propTypes.bool,
  dataHook: _propTypes.string
};

Card.defaultProps = {
  stretchVertically: false
};

Card.Content = _Content2.default;
Card.Header = _Header2.default;
Card.Divider = _Divider2.default;
Card.LinkHeader = _LinkHeader2.default;
Card.ButtonHeader = _ButtonHeader2.default;
Card.CollapsedHeader = _CollapsedHeader2.default;

exports.default = Card;