Merge pull request #4 from hamid-deriv/hamid/78467/cancel_wizard_dialog

hamid/78467/pa-cancel-wizard-dialog

packages/cashier/src/pages/payment-agent/payment-agent-signup/cancel-wizard-dialog/cancel-wizard-dialog.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Dialog } from '@deriv/components';
+import { localize } from '@deriv/translations';
+
+type TCancelWizardDialogProps = {
+    onConfirm: VoidFunction;
+    onCancel: VoidFunction;
+    is_visible: boolean;
+};
+
+const CancelWizardDialog = ({ onConfirm, onCancel, is_visible }: TCancelWizardDialogProps) => {
+    return (
+        <Dialog
+            title={localize('Are you sure you want to cancel?')}
+            confirm_button_text={localize('Yes, cancel')}
+            cancel_button_text={localize('No, take me back')}
+            onConfirm={onConfirm}
+            onCancel={onCancel}
+            is_visible={is_visible}
+            has_close_icon
+        >
+            {localize('If you click Cancel, you’ll lose the inputs you’ve made so far.')}
+        </Dialog>
+    );
+};
+
+export default CancelWizardDialog;

packages/cashier/src/pages/payment-agent/payment-agent-signup/cancel-wizard-dialog/index.ts

@@ -0,0 +1,3 @@
+import CancelWizardDialog from './cancel-wizard-dialog';
+
+export default CancelWizardDialog;

packages/components/src/components/dialog/dialog.scss

@@ -73,7 +73,6 @@
             justify-content: space-between;
             align-items: center;
             margin-bottom: 1rem;
-            margin-top: 1.4rem;
             &--end {
                 justify-content: flex-end;
             }