@shopgate/engage/orders/components/OrderDetails/OrderDetailsContent.js

Shopgate's ENGAGE library.

import React, { Fragment } from 'react';
import { I18n } from '@shopgate/engage/components';
import { useOrderDetails } from "../../hooks";
import OrderDetailsOrder from "./OrderDetailsOrder";
import OrderDetailsAuthenticate from "./OrderDetailsAuthenticate";
import { headline } from "./OrderDetailsContent.style";

/**
 * @returns {JSX}
 */
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
const OrderDetailsContent = () => {
  const {
    errorMessage,
    showForm,
    order
  } = useOrderDetails();
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [(showForm || order || errorMessage) && /*#__PURE__*/_jsx("div", {
      className: headline,
      children: /*#__PURE__*/_jsx(I18n.Text, {
        string: "titles.order_details"
      })
    }), /*#__PURE__*/_jsx(OrderDetailsAuthenticate, {}), /*#__PURE__*/_jsx(OrderDetailsOrder, {})]
  });
};
export default OrderDetailsContent;