@shopgate/engage
Version:
Shopgate's ENGAGE library.
3 lines • 1.35 kB
JavaScript
import React,{useRef}from'react';import{hot}from'react-hot-loader/root';import{ResponsiveContainer}from'@shopgate/engage/components';import{StoreFinderProvider}from"../../providers";import StoreFinderSearch from"./StoreFinderSearch";import StoreFinderMap from"./StoreFinderMap";import StoreFinderLocations from"./StoreFinderLocations";import StoreFinderLocationDetailsWide from"./StoreFinderLocationDetailsWide";import StoreFinderStoresNear from"./StoreFinderStoresNear";import{container,storeSearch,storeList,storeDetails,storeDetailsMap}from"./StoreFinder.style";/**
* @returns {JSX}
*/var StoreFinder=function StoreFinder(){var storeListRef=useRef(null);return React.createElement(StoreFinderProvider,{storeListRef:storeListRef},React.createElement("div",{className:container},React.createElement("div",{className:storeSearch},React.createElement(StoreFinderSearch,null),React.createElement(ResponsiveContainer,{breakpoint:">sm",webOnly:true},React.createElement(StoreFinderStoresNear,null))),React.createElement("div",{className:storeDetailsMap},React.createElement(StoreFinderMap,null)),React.createElement("div",{className:storeDetails},React.createElement(StoreFinderLocationDetailsWide,null)),React.createElement("div",{className:storeList},React.createElement(StoreFinderLocations,{ref:storeListRef}))));};export default hot(StoreFinder);