12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- "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"];
|