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

UI components for WordPress.

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CardHeader = CardHeader;
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 _cardStyles = require("./styles/card-styles");

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

/**
 * External dependencies
 */

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

function CardHeader(props) {
  const {
    className,
    isShady,
    ...additionalProps
  } = props;
  const mergedProps = { ...defaultProps,
    ...(0, _context.useCardContext)(),
    ...props
  };
  const {
    isBorderless,
    size
  } = mergedProps;
  const classes = (0, _classnames.default)('components-card__header', isBorderless && 'is-borderless', isShady && 'is-shady', size && `is-size-${size}`, className);
  return (0, _element.createElement)(_cardStyles.HeaderUI, (0, _extends2.default)({}, additionalProps, {
    className: classes
  }));
}

var _default = CardHeader;
exports.default = _default;
//# sourceMappingURL=header.js.map