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

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Content = _interopRequireDefault(require("./Content"));

var _Header = _interopRequireDefault(require("./Header"));

var _Subheader = _interopRequireDefault(require("./Subheader"));

var _Divider = _interopRequireDefault(require("./Divider"));

var _CardSt = require("./Card.st.css");

var Card = function Card(_ref) {
  var stretchVertically = _ref.stretchVertically,
      showShadow = _ref.showShadow,
      hideOverflow = _ref.hideOverflow,
      className = _ref.className,
      children = _ref.children,
      controls = _ref.controls,
      dataHook = _ref.dataHook;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _CardSt.st)(_CardSt.classes.card, {
      stretchVertically: stretchVertically,
      hideOverflow: hideOverflow,
      showShadow: showShadow
    }, className),
    children: children,
    "data-hook": dataHook
  }, controls && /*#__PURE__*/_react["default"].createElement("div", {
    className: _CardSt.classes.controls
  }, controls), children);
};

Card.displayName = 'Card';
Card.propTypes = {
  /** any node to render inside card */
  children: _propTypes["default"].node,

  /** any node that controls card e.g. a close button */
  controls: _propTypes["default"].node,

  /** makes the card stretch to max height in a container */
  stretchVertically: _propTypes["default"].bool,

  /** makes the card have a box-shadow style */
  showShadow: _propTypes["default"].bool,

  /** makes the card's overflow content to be hidden */
  hideOverflow: _propTypes["default"].bool,

  /** additional css classes */
  className: _propTypes["default"].string,
  dataHook: _propTypes["default"].string
};
Card.defaultProps = {
  stretchVertically: false,
  showShadow: false
};
Card.Content = _Content["default"];
Card.Header = _Header["default"];
Card.Divider = _Divider["default"];
Card.Subheader = _Subheader["default"];
var _default = Card;
exports["default"] = _default;