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

UI components for WordPress.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";

/**
 * External dependencies
 */
import classnames from 'classnames';
/**
 * Internal dependencies
 */

import { HeaderUI } from './styles/card-styles';
import { useCardContext } from './context';
export const defaultProps = {
  isBorderless: false,
  isShady: false,
  size: 'medium'
};
export function CardHeader(props) {
  const {
    className,
    isShady,
    ...additionalProps
  } = props;
  const mergedProps = { ...defaultProps,
    ...useCardContext(),
    ...props
  };
  const {
    isBorderless,
    size
  } = mergedProps;
  const classes = classnames('components-card__header', isBorderless && 'is-borderless', isShady && 'is-shady', size && `is-size-${size}`, className);
  return createElement(HeaderUI, _extends({}, additionalProps, {
    className: classes
  }));
}
export default CardHeader;
//# sourceMappingURL=header.js.map