import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import React from 'react';
import { useVoucherStyle } from '../../checkoutVoucher.context';
import { LazyImage } from '../../../Common';
import styled from 'styled-components';
export var CardPreview = () => {
  var {
    selectedStyle: {
      image
    }
  } = useVoucherStyle();
  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(LazyImage, {
    background: "transparent",
    src: image,
    width: 640,
    height: 800
  }));
};
var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  & img {\n    width: 100%;\n    height: 100%;\n  }\n"])));
//# sourceMappingURL=index.js.map