"use strict";

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _branding = require("../../../mixins/branding");

var _stacking = require("../../../mixins/stacking");

var _placeholderCard = require("./placeholder-card.css-rules");

var _breakpoints = require("../../../breakpoints");

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

/**
 * PlaceholderCard is the transparent background with outline.
 * Supports all props Box does.
 * Also supports custom heights on a per-breakpoint basis.
 */
var PlaceholderCard = _styledComponents["default"].div.withConfig({
  displayName: "PlaceholderCard",
  componentId: "oejvtt-0"
})(["background:transparent;border:1px solid ", ";border-radius:", ";min-height:", ";text-align:center;@media (min-width:", "){min-height:", ";}@media (min-width:", "){min-height:", ";}", ";", ";"], (0, _branding.getPaletteColor)('greyscale-medium'), _placeholderCard.getCardBorderRadius, function (_ref) {
  var minHeight = _ref.minHeight;
  return minHeight;
}, _breakpoints.bpMedium, function (_ref2) {
  var minHeightMd = _ref2.minHeightMd;
  return minHeightMd;
}, _breakpoints.bpLarge, function (_ref3) {
  var minHeightLg = _ref3.minHeightLg;
  return minHeightLg;
}, _placeholderCard.getCardSpacingRules, _stacking.getStackedRules);

exports.PlaceholderCard = PlaceholderCard;
PlaceholderCard.displayName = 'PlaceholderCard';