@shopgate/engage/product/components/Header/Shipping/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_SHIPPING,PRODUCT_SHIPPING_AFTER,PRODUCT_SHIPPING_BEFORE}from'@shopgate/pwa-common-commerce/product/constants/Portals';import PlaceholderLabel from'@shopgate/pwa-ui-shared/PlaceholderLabel';import Label from"./components/Label";import connect from"./connector";import styles from"./style";/**
 * The Shipping Info component.
 * @param {Object} props The component props.
 * @return {JSX}
 */var Shipping=function Shipping(_ref){var shipping=_ref.shipping;return React.createElement(Fragment,null,React.createElement(Portal,{name:PRODUCT_SHIPPING_BEFORE}),React.createElement(Portal,{name:PRODUCT_SHIPPING},React.createElement(PlaceholderLabel,{className:styles.placeholder,ready:shipping!==null},shipping&&typeof shipping.price!=='undefined'&&shipping.price!==null&&React.createElement(Label,{className:"".concat(styles.shipping," engage__product__header__shipping"),price:shipping.price,currency:shipping.currency}))),React.createElement(Portal,{name:PRODUCT_SHIPPING_AFTER}));};Shipping.defaultProps={shipping:null};export default connect(memo(Shipping));