25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

Card.js 2.0 KiB

3 yıl önce
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _react = _interopRequireDefault(require("react"));
  8. var _propTypes = _interopRequireDefault(require("prop-types"));
  9. var _classnames = _interopRequireDefault(require("classnames"));
  10. var _utils = require("./utils");
  11. var propTypes = {
  12. tag: _utils.tagPropType,
  13. inverse: _propTypes.default.bool,
  14. color: _propTypes.default.string,
  15. block: (0, _utils.deprecated)(_propTypes.default.bool, 'Please use the props "body"'),
  16. body: _propTypes.default.bool,
  17. outline: _propTypes.default.bool,
  18. className: _propTypes.default.string,
  19. cssModule: _propTypes.default.object,
  20. innerRef: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string, _propTypes.default.func])
  21. };
  22. var defaultProps = {
  23. tag: 'div'
  24. };
  25. var Card = function Card(props) {
  26. var className = props.className,
  27. cssModule = props.cssModule,
  28. color = props.color,
  29. block = props.block,
  30. body = props.body,
  31. inverse = props.inverse,
  32. outline = props.outline,
  33. Tag = props.tag,
  34. innerRef = props.innerRef,
  35. attributes = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "cssModule", "color", "block", "body", "inverse", "outline", "tag", "innerRef"]);
  36. var classes = (0, _utils.mapToCssModules)((0, _classnames.default)(className, 'card', inverse ? 'text-white' : false, block || body ? 'card-body' : false, color ? (outline ? 'border' : 'bg') + "-" + color : false), cssModule);
  37. return _react.default.createElement(Tag, (0, _extends2.default)({}, attributes, {
  38. className: classes,
  39. ref: innerRef
  40. }));
  41. };
  42. Card.propTypes = propTypes;
  43. Card.defaultProps = defaultProps;
  44. var _default = Card;
  45. exports.default = _default;