@shopgate/engage/product/components/ProductVariants/VariantAvailability.js

Shopgate's ENGAGE library.

import React, { memo } from 'react';
import PropTypes from 'prop-types';
import { Availability, SurroundPortals } from '@shopgate/engage/components';
import { PRODUCT_VARIANT_SELECT_PICKER_AVAILABILITY } from '@shopgate/pwa-common-commerce/product';
import connect from "./VariantAvailability.connector";
import styles from "./VariantAvailability.style";

/**
 * The VariantAvailability component.
 * @param {Object} availability availability
 * @returns {JSX}
 */
import { jsx as _jsx } from "react/jsx-runtime";
const VariantAvailability = ({
  availability
}) => {
  if (!availability) {
    return null;
  }
  const {
    state,
    text
  } = availability;
  return /*#__PURE__*/_jsx(SurroundPortals, {
    portalName: PRODUCT_VARIANT_SELECT_PICKER_AVAILABILITY,
    portalProps: availability,
    children: /*#__PURE__*/_jsx(Availability, {
      className: styles,
      state: state,
      text: text
    })
  });
};
VariantAvailability.defaultProps = {
  availability: null
};
export default connect(/*#__PURE__*/memo(VariantAvailability));