@shopgate/engage/account/components/Profile/Profile.js

Shopgate's ENGAGE library.

import React, { useRef } from 'react';
import { css } from 'glamor';
import Provider from "./Profile.provider";
import AddressBook from "./ProfileAddressBook";
import Header from "./ProfileHeader";
import Form from "./ProfileForm";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const styles = {
  root: css({
    padding: 8
  }).toString()
};

/** @returns {JSX} */
const Profile = () => {
  const formContainerRef = useRef(null);
  return /*#__PURE__*/_jsx(Provider, {
    formContainerRef: formContainerRef,
    children: /*#__PURE__*/_jsxs("div", {
      className: styles.root,
      children: [/*#__PURE__*/_jsx(Header, {}), /*#__PURE__*/_jsx(Form, {
        ref: formContainerRef
      }), /*#__PURE__*/_jsx(AddressBook, {})]
    })
  });
};
export default Profile;