@dnanpm/styleguide/build/cjs/components/MainHeaderNavigation/ChildComponents/MinicartTooltip.js

DNA Styleguide repository provides the set of components and theme object used in various DNA projects.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var icons = require('@dnanpm/icons');
var React = require('react');
var theme = require('../../../themes/theme.js');
var NotificationBadge = require('../../NotificationBadge/NotificationBadge.js');
var NavContext = require('../context/NavContext.js');
var MainNavTooltipMenu = require('./MainNavTooltipMenu.js');

function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefaultCompat(React);

const MinicartTooltip = ({ minicartAmount, minicartAmountLabel, minicartLabel, onCartButtonClick, }) => {
    const { navZIndex, minicartComponent } = React.useContext(NavContext.default);
    return (React__default.default.createElement(MainNavTooltipMenu.default, { closeWhenTagClicked: ['a', 'button'], onCartButtonClick: onCartButtonClick, contentComponent: minicartComponent, contentWidth: "35rem", fullWidthBreakpoint: theme.default.breakpoints.md, globalStateString: "minicart", tooltipRight: "5rem", zIndex: navZIndex + 1 },
        React__default.default.createElement(icons.Cart, null),
        React__default.default.createElement("span", { "aria-hidden": !!minicartAmountLabel }, minicartLabel),
        minicartAmount > 0 && (React__default.default.createElement(NotificationBadge.default, { "data-testid": "header-minicart-amount", right: "5px", top: "-5px", visuallyHiddenText: minicartAmountLabel }, minicartAmount))));
};

exports.default = MinicartTooltip;