@shopgate/engage/locations/components/StoreFinder/StoreFinder.js

Shopgate's ENGAGE library.

import React, { useRef } from 'react';
import { StoreFinderProvider } from "../../providers";
import StoreFinderSearch from "./StoreFinderSearch";
import StoreFinderLocations from "./StoreFinderLocations";
import { container, storeSearch, storeList } from "./StoreFinder.style";

/**
 * @returns {JSX.Element}
 */
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const StoreFinder = () => {
  const storeListRef = useRef(null);
  return /*#__PURE__*/_jsx(StoreFinderProvider, {
    storeListRef: storeListRef,
    children: /*#__PURE__*/_jsxs("div", {
      className: container,
      children: [/*#__PURE__*/_jsx("div", {
        className: storeSearch,
        children: /*#__PURE__*/_jsx(StoreFinderSearch, {})
      }), /*#__PURE__*/_jsx("div", {
        className: storeList,
        children: /*#__PURE__*/_jsx(StoreFinderLocations, {
          ref: storeListRef
        })
      })]
    })
  });
};
export default StoreFinder;