"use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); exports.__esModule = true; exports.default = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose")); var _classnames = _interopRequireDefault(require("classnames")); var _react = _interopRequireWildcard(require("react")); var _ThemeProvider = require("./ThemeProvider"); var _createWithBsPrefix = _interopRequireDefault(require("./utils/createWithBsPrefix")); var _divWithClassName = _interopRequireDefault(require("./utils/divWithClassName")); var _CardContext = _interopRequireDefault(require("./CardContext")); var _CardImg = _interopRequireDefault(require("./CardImg")); var DivStyledAsH5 = (0, _divWithClassName.default)('h5'); var DivStyledAsH6 = (0, _divWithClassName.default)('h6'); var CardBody = (0, _createWithBsPrefix.default)('card-body'); var defaultProps = { body: false }; var Card = _react.default.forwardRef(function (_ref, ref) { var bsPrefix = _ref.bsPrefix, className = _ref.className, bg = _ref.bg, text = _ref.text, border = _ref.border, body = _ref.body, children = _ref.children, _ref$as = _ref.as, Component = _ref$as === void 0 ? 'div' : _ref$as, props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]); var prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card'); var cardContext = (0, _react.useMemo)(function () { return { cardHeaderBsPrefix: prefix + "-header" }; }, [prefix]); return _react.default.createElement(_CardContext.default.Provider, { value: cardContext }, _react.default.createElement(Component, (0, _extends2.default)({ ref: ref }, props, { className: (0, _classnames.default)(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border) }), body ? _react.default.createElement(CardBody, null, children) : children)); }); Card.displayName = 'Card'; Card.defaultProps = defaultProps; Card.Img = _CardImg.default; Card.Title = (0, _createWithBsPrefix.default)('card-title', { Component: DivStyledAsH5 }); Card.Subtitle = (0, _createWithBsPrefix.default)('card-subtitle', { Component: DivStyledAsH6 }); Card.Body = CardBody; Card.Link = (0, _createWithBsPrefix.default)('card-link', { Component: 'a' }); Card.Text = (0, _createWithBsPrefix.default)('card-text', { Component: 'p' }); Card.Header = (0, _createWithBsPrefix.default)('card-header'); Card.Footer = (0, _createWithBsPrefix.default)('card-footer'); Card.ImgOverlay = (0, _createWithBsPrefix.default)('card-img-overlay'); var _default = Card; exports.default = _default; module.exports = exports["default"];