@wordpress/components/build-module/card/index.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 { CardContext } from './context';
import { CardUI } from './styles/card-styles';
export const defaultProps = {
  isBorderless: false,
  isElevated: false,
  size: 'medium'
};
export function Card(props) {
  const {
    className,
    isBorderless,
    isElevated,
    size,
    ...additionalProps
  } = props;
  const {
    Provider
  } = CardContext;
  const contextProps = {
    isBorderless,
    isElevated,
    size
  };
  const classes = classnames('components-card', isBorderless && 'is-borderless', isElevated && 'is-elevated', size && `is-size-${size}`, className);
  return createElement(Provider, {
    value: contextProps
  }, createElement(CardUI, _extends({}, additionalProps, {
    className: classes
  })));
}
Card.defaultProps = defaultProps;
export default Card;
//# sourceMappingURL=index.js.map