@shopgate/engage/cart/components/PaymentBar/PaymentBar.js

Shopgate's ENGAGE library.

import * as React from 'react';
import PropTypes from 'prop-types';
import { createPortal } from 'react-dom';
import PaymentBarContent from "./PaymentBarContent";

/**
 * The cart payment bar component.
 * @param {Object} props The component props.
 * @returns {JSX}
 */
import { jsx as _jsx } from "react/jsx-runtime";
function PaymentBar({
  visible,
  showSeparator
}) {
  const domElement = document.getElementById('AppFooter');
  if (!visible || !domElement) {
    return null;
  }
  return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(PaymentBarContent, {
    showSeparator: showSeparator
  }), domElement);
}
PaymentBar.defaultProps = {
  visible: true,
  showSeparator: false
};
export default PaymentBar;