@times-components/card/dist/card.js

The card component fades in and lays out content that typically consists of an image and a collection of textual elements (although this content could be anything). Card manages the layout of these elements, whilst providing a consistent loading state for

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _tsStyleguide = require("@times-components/ts-styleguide");

var _cardPropTypes = require("./card-prop-types");

var _cardContent = _interopRequireDefault(require("./card-content"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var CardComponent = function CardComponent(props) {
  var isLoading = props.isLoading;

  if (isLoading) {
    return /*#__PURE__*/_react["default"].createElement(_tsStyleguide.Animations.FadeIn, null, /*#__PURE__*/_react["default"].createElement(_cardContent["default"], props));
  }

  return /*#__PURE__*/_react["default"].createElement(_cardContent["default"], props);
};

CardComponent.propTypes = _cardPropTypes.cardPropTypes;
CardComponent.defaultProps = _cardPropTypes.cardDefaultProps;
var _default = CardComponent;
exports["default"] = _default;