@shopgate/engage
Version:
Shopgate's ENGAGE library.
3 lines • 973 B
JavaScript
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 from'react';import{css}from'glamor';import{i18n}from'@shopgate/engage/core';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{useProfileContext}from"./Profile.provider";var styles={root:css(_defineProperty({marginTop:8},responsiveMediaQuery('<md'),{marginTop:16,marginBottom:16})),title:css({color:'var(--color-text-high-emphasis)',fontSize:17,fontWeight:'600'}).toString()};/**
* @returns {JSX}
*/var ProfileHeader=function ProfileHeader(){var _ref=useProfileContext().customer||{},internalCustomerNumber=_ref.internalCustomerNumber;return React.createElement("div",{className:styles.root},React.createElement("span",{className:styles.title},i18n.text('account.profile.customer.number',{customerNumber:internalCustomerNumber})));};export default ProfileHeader;