From b903ed29fe977e3a0bde2df5d87044677543d26a Mon Sep 17 00:00:00 2001
From: inpsyde-maticluznar <m.luznar@inpsyde.com>
Date: Wed, 23 Oct 2024 12:42:29 +0200
Subject: [PATCH] Add business page

---
 .../reusable-components/select-box.js         |  1 +
 .../screens/onboarding/onboarding.js          |  2 ++
 .../screens/onboarding/step-business.js       | 22 +++++++++++++++++++
 3 files changed, 25 insertions(+)
 create mode 100644 modules/ppcp-settings/resources/js/components/reusable-components/select-box.js
 create mode 100644 modules/ppcp-settings/resources/js/components/screens/onboarding/step-business.js

diff --git a/modules/ppcp-settings/resources/js/components/reusable-components/select-box.js b/modules/ppcp-settings/resources/js/components/reusable-components/select-box.js
new file mode 100644
index 000000000..fab645e9e
--- /dev/null
+++ b/modules/ppcp-settings/resources/js/components/reusable-components/select-box.js
@@ -0,0 +1 @@
+const SelectBox = ( props ) => {};
diff --git a/modules/ppcp-settings/resources/js/components/screens/onboarding/onboarding.js b/modules/ppcp-settings/resources/js/components/screens/onboarding/onboarding.js
index 8bf6ca02d..c32a4990c 100644
--- a/modules/ppcp-settings/resources/js/components/screens/onboarding/onboarding.js
+++ b/modules/ppcp-settings/resources/js/components/screens/onboarding/onboarding.js
@@ -1,10 +1,12 @@
 import Container from '../../reusable-components/container';
 import StepWelcome from './step-welcome.js';
+import StepBusiness from './step-business';
 
 const Onboarding = () => {
 	return (
 		<Container>
 			<div className="ppcp-r-card">
+				<StepBusiness />
 				<StepWelcome />
 			</div>
 		</Container>
diff --git a/modules/ppcp-settings/resources/js/components/screens/onboarding/step-business.js b/modules/ppcp-settings/resources/js/components/screens/onboarding/step-business.js
new file mode 100644
index 000000000..f2d2ad796
--- /dev/null
+++ b/modules/ppcp-settings/resources/js/components/screens/onboarding/step-business.js
@@ -0,0 +1,22 @@
+import OnboardingHeader from '../../reusable-components/onboarding-header.js';
+import { __, sprintf } from '@wordpress/i18n';
+import { Button, TextControl } from '@wordpress/components';
+import PaymentMethodIcons from '../../reusable-components/payment-method-icons';
+import SettingsToggleBlock from '../../reusable-components/settings-toggle-block';
+import Separator from '../../reusable-components/separator';
+
+const StepBusiness = () => {
+	return (
+		<div className="ppcp-r-page-welcome">
+			<OnboardingHeader
+				title={ __(
+					'Tell Us About Your Business',
+					'woocommerce-paypal-payments'
+				) }
+			/>
+			<div className="ppcp-r-inner-container"></div>
+		</div>
+	);
+};
+
+export default StepBusiness;