mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-25 09:55:15 +00:00
72 lines
2.4 KiB
JavaScript
72 lines
2.4 KiB
JavaScript
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
||
|
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
||
|
|
var _excluded = ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"];
|
||
|
|
import classNames from 'classnames';
|
||
|
|
import React, { useMemo } from 'react';
|
||
|
|
import { useBootstrapPrefix } from './ThemeProvider';
|
||
|
|
import createWithBsPrefix from './createWithBsPrefix';
|
||
|
|
import divWithClassName from './divWithClassName';
|
||
|
|
import CardContext from './CardContext';
|
||
|
|
import CardImg from './CardImg';
|
||
|
|
var DivStyledAsH5 = divWithClassName('h5');
|
||
|
|
var DivStyledAsH6 = divWithClassName('h6');
|
||
|
|
var CardBody = createWithBsPrefix('card-body');
|
||
|
|
var CardTitle = createWithBsPrefix('card-title', {
|
||
|
|
Component: DivStyledAsH5
|
||
|
|
});
|
||
|
|
var CardSubtitle = createWithBsPrefix('card-subtitle', {
|
||
|
|
Component: DivStyledAsH6
|
||
|
|
});
|
||
|
|
var CardLink = createWithBsPrefix('card-link', {
|
||
|
|
Component: 'a'
|
||
|
|
});
|
||
|
|
var CardText = createWithBsPrefix('card-text', {
|
||
|
|
Component: 'p'
|
||
|
|
});
|
||
|
|
var CardHeader = createWithBsPrefix('card-header');
|
||
|
|
var CardFooter = createWithBsPrefix('card-footer');
|
||
|
|
var CardImgOverlay = createWithBsPrefix('card-img-overlay');
|
||
|
|
var defaultProps = {
|
||
|
|
body: false
|
||
|
|
};
|
||
|
|
var Card = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(_ref, _excluded);
|
||
|
|
|
||
|
|
var prefix = useBootstrapPrefix(bsPrefix, 'card');
|
||
|
|
var cardContext = useMemo(function () {
|
||
|
|
return {
|
||
|
|
cardHeaderBsPrefix: prefix + "-header"
|
||
|
|
};
|
||
|
|
}, [prefix]);
|
||
|
|
return /*#__PURE__*/React.createElement(CardContext.Provider, {
|
||
|
|
value: cardContext
|
||
|
|
}, /*#__PURE__*/React.createElement(Component, _extends({
|
||
|
|
ref: ref
|
||
|
|
}, props, {
|
||
|
|
className: classNames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
|
||
|
|
}), body ?
|
||
|
|
/*#__PURE__*/
|
||
|
|
// @ts-ignore
|
||
|
|
React.createElement(CardBody, null, children) : children));
|
||
|
|
});
|
||
|
|
Card.displayName = 'Card';
|
||
|
|
Card.defaultProps = defaultProps;
|
||
|
|
Card.Img = CardImg;
|
||
|
|
Card.Title = CardTitle;
|
||
|
|
Card.Subtitle = CardSubtitle;
|
||
|
|
Card.Body = CardBody;
|
||
|
|
Card.Link = CardLink;
|
||
|
|
Card.Text = CardText;
|
||
|
|
Card.Header = CardHeader;
|
||
|
|
Card.Footer = CardFooter;
|
||
|
|
Card.ImgOverlay = CardImgOverlay;
|
||
|
|
export default Card;
|