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

Shopgate's ENGAGE library.

import _isEmpty from "lodash/isEmpty";
import _every from "lodash/every";
import React, { useContext } from 'react';
import { StoreContext } from "./Store.context";
import { StoreOpeningHours } from "../StoreList/StoreOpeningHours";
import { Accordion, I18n } from "../../../components";
import { accordionHeader, accordionContent } from "./StoreFinderLocationDetails.style";

/**
 * @returns {JSX}
 */
import { jsx as _jsx } from "react/jsx-runtime";
const StoreFinderLocationDetails = () => {
  const {
    operationHours
  } = useContext(StoreContext);
  if (!operationHours || _every(operationHours, _isEmpty)) {
    return null;
  }
  return /*#__PURE__*/_jsx(Accordion, {
    className: accordionHeader,
    renderLabel: () => /*#__PURE__*/_jsx(I18n.Text, {
      string: "locations.details"
    }),
    children: /*#__PURE__*/_jsx("div", {
      className: accordionContent,
      children: /*#__PURE__*/_jsx(StoreOpeningHours, {
        hours: operationHours,
        pure: true
      })
    })
  });
};
export default StoreFinderLocationDetails;