Dashboard sipadu mbip
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import classNames from 'classnames';
  4. import React, { useMemo } from 'react';
  5. import { useBootstrapPrefix } from './ThemeProvider';
  6. import createWithBsPrefix from './utils/createWithBsPrefix';
  7. import divWithClassName from './utils/divWithClassName';
  8. import CardContext from './CardContext';
  9. import CardImg from './CardImg';
  10. var DivStyledAsH5 = divWithClassName('h5');
  11. var DivStyledAsH6 = divWithClassName('h6');
  12. var CardBody = createWithBsPrefix('card-body');
  13. var defaultProps = {
  14. body: false
  15. };
  16. var Card = React.forwardRef(function (_ref, ref) {
  17. var bsPrefix = _ref.bsPrefix,
  18. className = _ref.className,
  19. bg = _ref.bg,
  20. text = _ref.text,
  21. border = _ref.border,
  22. body = _ref.body,
  23. children = _ref.children,
  24. _ref$as = _ref.as,
  25. Component = _ref$as === void 0 ? 'div' : _ref$as,
  26. props = _objectWithoutPropertiesLoose(_ref, ["bsPrefix", "className", "bg", "text", "border", "body", "children", "as"]);
  27. var prefix = useBootstrapPrefix(bsPrefix, 'card');
  28. var cardContext = useMemo(function () {
  29. return {
  30. cardHeaderBsPrefix: prefix + "-header"
  31. };
  32. }, [prefix]);
  33. return React.createElement(CardContext.Provider, {
  34. value: cardContext
  35. }, React.createElement(Component, _extends({
  36. ref: ref
  37. }, props, {
  38. className: classNames(className, prefix, bg && "bg-" + bg, text && "text-" + text, border && "border-" + border)
  39. }), body ? React.createElement(CardBody, null, children) : children));
  40. });
  41. Card.displayName = 'Card';
  42. Card.defaultProps = defaultProps;
  43. Card.Img = CardImg;
  44. Card.Title = createWithBsPrefix('card-title', {
  45. Component: DivStyledAsH5
  46. });
  47. Card.Subtitle = createWithBsPrefix('card-subtitle', {
  48. Component: DivStyledAsH6
  49. });
  50. Card.Body = CardBody;
  51. Card.Link = createWithBsPrefix('card-link', {
  52. Component: 'a'
  53. });
  54. Card.Text = createWithBsPrefix('card-text', {
  55. Component: 'p'
  56. });
  57. Card.Header = createWithBsPrefix('card-header');
  58. Card.Footer = createWithBsPrefix('card-footer');
  59. Card.ImgOverlay = createWithBsPrefix('card-img-overlay');
  60. export default Card;