1 | "use strict";
|
2 |
|
3 | var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
4 |
|
5 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
6 |
|
7 | exports.__esModule = true;
|
8 | exports.default = void 0;
|
9 |
|
10 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11 |
|
12 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
13 |
|
14 | var _classnames = _interopRequireDefault(require("classnames"));
|
15 |
|
16 | var _react = _interopRequireWildcard(require("react"));
|
17 |
|
18 | var _ThemeProvider = require("./ThemeProvider");
|
19 |
|
20 | var _createWithBsPrefix = _interopRequireDefault(require("./createWithBsPrefix"));
|
21 |
|
22 | var _divWithClassName = _interopRequireDefault(require("./divWithClassName"));
|
23 |
|
24 | var _CardContext = _interopRequireDefault(require("./CardContext"));
|
25 |
|
26 | var _CardImg = _interopRequireDefault(require("./CardImg"));
|
27 |
|
28 | var DivStyledAsH5 = (0, _divWithClassName.default)('h5');
|
29 | var DivStyledAsH6 = (0, _divWithClassName.default)('h6');
|
30 | var CardBody = (0, _createWithBsPrefix.default)('card-body');
|
31 | var defaultProps = {
|
32 | body: false
|
33 | };
|
34 |
|
35 | var Card = _react.default.forwardRef(function (_ref, ref) {
|
36 | var bsPrefix = _ref.bsPrefix,
|
37 | className = _ref.className,
|
38 | bg = _ref.bg,
|
39 | text = _ref.text,
|
40 | border = _ref.border,
|
41 | body = _ref.body,
|
42 | children = _ref.children,
|
43 | _ref$as = _ref.as,
|
44 | Component = _ref$as === void 0 ? 'div' : _ref$as,
|
45 | props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
|
46 | var prefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'card');
|
47 | var cardContext = (0, _react.useMemo)(function () {
|
48 | return {
|
49 | cardHeaderBsPrefix: prefix + "-header"
|
50 | };
|
51 | }, [prefix]);
|
52 | return _react.default.createElement(_CardContext.default.Provider, {
|
53 | value: cardContext
|
54 | }, _react.default.createElement(Component, (0, _extends2.default)({
|
55 | ref: ref
|
56 | }, props, {
|
57 | className: (0, _classnames.default)(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
|
58 | }), body ? _react.default.createElement(CardBody, null, children) : children));
|
59 | });
|
60 |
|
61 | Card.displayName = 'Card';
|
62 | Card.defaultProps = defaultProps;
|
63 | Card.Img = _CardImg.default;
|
64 | Card.Title = (0, _createWithBsPrefix.default)('card-title', {
|
65 | Component: DivStyledAsH5
|
66 | });
|
67 | Card.Subtitle = (0, _createWithBsPrefix.default)('card-subtitle', {
|
68 | Component: DivStyledAsH6
|
69 | });
|
70 | Card.Body = CardBody;
|
71 | Card.Link = (0, _createWithBsPrefix.default)('card-link', {
|
72 | Component: 'a'
|
73 | });
|
74 | Card.Text = (0, _createWithBsPrefix.default)('card-text', {
|
75 | Component: 'p'
|
76 | });
|
77 | Card.Header = (0, _createWithBsPrefix.default)('card-header');
|
78 | Card.Footer = (0, _createWithBsPrefix.default)('card-footer');
|
79 | Card.ImgOverlay = (0, _createWithBsPrefix.default)('card-img-overlay');
|
80 | var _default = Card;
|
81 | exports.default = _default;
|
82 | module.exports = exports["default"]; |
\ | No newline at end of file |