pouncejs/dist/cjs/components/Card/Card.js

A collection of UI components from Panther labs

"use strict";

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

exports.__esModule = true;
exports.default = exports.Card = void 0;

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

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

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

var _Box = _interopRequireDefault(require("../Box"));

var _useCardVariantBackground = _interopRequireDefault(require("./useCardVariantBackground"));

/**
 * Extends <a href="/#/Box">Box</a>
 *
 * A card is simply a basic layout component with additional style props.
 */
var Card = /*#__PURE__*/_react.default.forwardRef(function Card(_ref, ref) {
  var _ref$variant = _ref.variant,
      variant = _ref$variant === void 0 ? 'light' : _ref$variant,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["variant"]);
  var bg = (0, _useCardVariantBackground.default)({
    variant: variant
  });
  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
    ref: ref,
    bg: bg,
    borderRadius: "medium"
  }, rest));
});

exports.Card = Card;
var _default = Card;
exports.default = _default;