@shopgate/engage
Version:
Shopgate's ENGAGE library.
36 lines (35 loc) • 1.71 kB
JavaScript
import React, { forwardRef } from 'react';
import { SHOP_SETTING_REGISTRATION_MODE_SIMPLE } from '@shopgate/engage/core';
import RegistrationFormBase from "./RegistrationFormBase";
import RegistrationFormBilling from "./RegistrationFormBilling";
import RegistrationFormShipping from "./RegistrationFormShipping";
import RegistrationFormActions from "./RegistrationFormActions";
import RegistrationFormExtra from "./RegistrationFormExtra";
import RegistrationFormToggle from "./RegistrationFormToggle";
import { container, containerItem } from "./RegistrationContent.style";
import { useRegistration } from "../../hooks";
/**
* The Registration component.
* @returns {JSX}
*/
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
const Registration = /*#__PURE__*/forwardRef((_, ref) => {
const {
registrationMode
} = useRegistration();
const renderSingleColumn = registrationMode === SHOP_SETTING_REGISTRATION_MODE_SIMPLE;
return /*#__PURE__*/_jsxs(_Fragment, {
children: [/*#__PURE__*/_jsxs("div", {
className: container,
ref: ref,
children: [/*#__PURE__*/_jsx("div", {
className: containerItem,
children: !renderSingleColumn && /*#__PURE__*/_jsx(RegistrationFormBase, {})
}), /*#__PURE__*/_jsxs("div", {
className: containerItem,
children: [renderSingleColumn && /*#__PURE__*/_jsx(RegistrationFormBase, {}), /*#__PURE__*/_jsx(RegistrationFormBilling, {}), /*#__PURE__*/_jsx(RegistrationFormToggle, {}), /*#__PURE__*/_jsx(RegistrationFormShipping, {}), /*#__PURE__*/_jsx(RegistrationFormExtra, {})]
})]
}), /*#__PURE__*/_jsx(RegistrationFormActions, {})]
});
});
export default Registration;