@wordpress/components/build/card/index.js

UI components for WordPress.

"use strict";

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

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

var _element = require("@wordpress/element");

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

var _classnames = _interopRequireDefault(require("classnames"));

var _context = require("./context");

var _cardStyles = require("./styles/card-styles");

/**
 * External dependencies
 */

/**
 * Internal dependencies
 */
const defaultProps = {
  isBorderless: false,
  isElevated: false,
  size: 'medium'
};
exports.defaultProps = defaultProps;

function Card(props) {
  const {
    className,
    isBorderless,
    isElevated,
    size,
    ...additionalProps
  } = props;
  const {
    Provider
  } = _context.CardContext;
  const contextProps = {
    isBorderless,
    isElevated,
    size
  };
  const classes = (0, _classnames.default)('components-card', isBorderless && 'is-borderless', isElevated && 'is-elevated', size && `is-size-${size}`, className);
  return (0, _element.createElement)(Provider, {
    value: contextProps
  }, (0, _element.createElement)(_cardStyles.CardUI, (0, _extends2.default)({}, additionalProps, {
    className: classes
  })));
}

Card.defaultProps = defaultProps;
var _default = Card;
exports.default = _default;
//# sourceMappingURL=index.js.map