@shopgate/engage/checkout/components/ResponsiveBackButton/ResponsiveBackButton.js

Shopgate's ENGAGE library.

import React,{useCallback}from'react';import PropTypes from'prop-types';import{RippleButton,I18n,ArrowIcon}from'@shopgate/engage/components';import{useNavigation}from'@shopgate/engage/core';import{container,button,buttonIcon}from"./ResponsiveBackButton.style";/**
 * A back button  for the desktop checkout pages.
 * @returns {JSX}
 */var ResponsiveBackButton=function ResponsiveBackButton(_ref){var label=_ref.label,onClick=_ref.onClick;var _useNavigation=useNavigation(),pop=_useNavigation.pop;var handleClick=useCallback(function(){if(onClick){onClick();return;}pop();},[onClick,pop]);return React.createElement("div",{className:container},React.createElement(RippleButton,{flat:true,className:button,type:"secondary",onClick:handleClick},React.createElement(ArrowIcon,{className:buttonIcon}),React.createElement(I18n.Text,{string:label})));};ResponsiveBackButton.defaultProps={label:'common.back',onClick:null};export default ResponsiveBackButton;