@shopgate/engage/product/components/Header/Tiers/index.js

Shopgate's ENGAGE library.

import React,{Fragment,memo}from'react';import PropTypes from'prop-types';import Portal from'@shopgate/pwa-common/components/Portal';import{PRODUCT_TIERS,PRODUCT_TIERS_AFTER,PRODUCT_TIERS_BEFORE}from'@shopgate/pwa-common-commerce/product/constants/Portals';import Tier from"./components/Tier";import connect from"./connector";import styles from"./style";/**
 * The Tiers component.
 * @param {Object} props The component props.
 * @return {JSX}
 */var Tiers=function Tiers(_ref){var price=_ref.price;if(!(price&&price.tiers&&price.tiers.length>0)){return null;}return React.createElement(Fragment,null,React.createElement(Portal,{name:PRODUCT_TIERS_BEFORE}),React.createElement(Portal,{name:PRODUCT_TIERS},React.createElement("div",{className:"".concat(styles.wrapper," engage__product__header__tiers")},price.tiers.map(function(tier){return React.createElement(Tier,{tier:tier,price:price,key:"".concat(Object.values(tier).join('_'))});}))),React.createElement(Portal,{name:PRODUCT_TIERS_AFTER}));};Tiers.defaultProps={price:null};export default connect(memo(Tiers));