@shopgate/engage/locations/components/StoreList/StoreDetails.js

Shopgate's ENGAGE library.

import React, { useContext } from 'react';
import { Accordion } from "../../../components";
import { StoreContext } from "./Store.context";
import { StoreOpeningHours } from "./StoreOpeningHours";
import { StoreAddress } from "./StoreAddress";
import { StorePhoneNumber } from "./StorePhoneNumber";
import { StoreAddressShort } from "./StoreAddressShort";
import { storeDetailsBody, storeDetailsAccordion } from "./Store.style";

/**
 * Renders a single store details.
 * @returns {JSX}
 */
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function StoreDetails() {
  const store = useContext(StoreContext);
  if (!store) {
    return null;
  }
  return /*#__PURE__*/_jsxs(Accordion, {
    className: storeDetailsAccordion,
    renderLabel: () => /*#__PURE__*/_jsx(StoreAddress, {
      address: store.address
    }),
    contentClassName: storeDetailsBody,
    children: [/*#__PURE__*/_jsx(StoreOpeningHours, {
      hours: store.operationHours
    }), store.address && /*#__PURE__*/_jsx(StorePhoneNumber, {
      phone: store.address.phoneNumber
    }), /*#__PURE__*/_jsx(StoreAddressShort, {
      showFull: true,
      address: store.address
    })]
  });
}