"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.CardPreview = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

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

var _checkoutVoucher = require("../../checkoutVoucher.context");

var _Common = require("../../../Common");

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

var _templateObject;

var CardPreview = function CardPreview() {
  var _useVoucherStyle = (0, _checkoutVoucher.useVoucherStyle)(),
      image = _useVoucherStyle.selectedStyle.image;

  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_Common.LazyImage, {
    background: "transparent",
    src: image,
    width: 640,
    height: 800
  }));
};

exports.CardPreview = CardPreview;

var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  & img {\n    width: 100%;\n    height: 100%;\n  }\n"])));
//# sourceMappingURL=index.js.map