@shopgate/engage/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcherBar.js

Shopgate's ENGAGE library.

function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{useMemo}from'react';import PropTypes from'prop-types';import classNames from'classnames';import{RippleButton,I18n}from'@shopgate/engage/components';import{i18n}from'@shopgate/engage/core';import{wrapper,inner,innerStandalone,heading,name,button}from"./FulfillmentSlotSwitcherBar.style";import{getTimeSlotDisplayText}from"./time";/**
 * @returns {JSX}
 */var FulfillmentSlotSwitcherBar=function FulfillmentSlotSwitcherBar(_ref){var fulfillmentSlot=_ref.fulfillmentSlot,handleChange=_ref.handleChange,standalone=_ref.standalone,editable=_ref.editable;var displayTime=useMemo(function(){return getTimeSlotDisplayText(fulfillmentSlot);},[fulfillmentSlot]);return React.createElement("div",{className:wrapper},React.createElement("div",{className:classNames(inner,_defineProperty({},innerStandalone,standalone))},React.createElement("span",{className:heading},i18n.text('locations.your_current_timeslot.heading')),React.createElement("span",{className:name},displayTime),editable&&React.createElement(RippleButton,{onClick:handleChange,type:"secondary",className:button,flat:true},React.createElement(I18n.Text,{string:"locations.your_current_location.change"}))));};FulfillmentSlotSwitcherBar.defaultProps={fulfillmentSlot:null,standalone:false,editable:true};export default FulfillmentSlotSwitcherBar;