add the skip button for the second step

assets/js/src/admin/wizard/tab_content.js

@@ -26,7 +26,11 @@ const ContentStep = ( { goToNextStep, goToPreviousStep, nextButtonLabel } ) => {
     const [ noticeClass, setNoticeClass ] = useState( 'hidden' );
     const [ buttonBusy, setButtonBusy ] = useState( false );
 
-    const handleNextButton = function () {
+    const handleSkipButton = function() {
+        goToNextStep();
+    }
+
+    const handleNextButton = function() {
         setNoticeClass( 'hidden' );
         setButtonBusy( true );
         if( !tabTitle || !tabContent ) {
@@ -64,12 +68,19 @@ const ContentStep = ( { goToNextStep, goToPreviousStep, nextButtonLabel } ) => {
                 <Notice isDismissible={ false } status={noticeClass}>{noticeContent}</Notice>
             </CardBody>
             <CardFooter>
+                <Button
+                    className="skip-button"
+                    isSecondary
+                    onClick={ () => handleSkipButton() }
+                >
+                    { __( 'Skip' ) }
+                </Button>
                 <Button
                     isPrimary
                     isBusy={ buttonBusy }
                     onClick={ () => handleNextButton() }
                 >
-                    { __( 'Next' ) }
+                    { __( 'Create' ) }
                 </Button>
             </CardFooter>
         </Card>

assets/js/wp-dependencies.json

@@ -1 +1 @@
-{"admin/settings.js":{"dependencies":[],"version":"b50e9d171f2b34ba95f0"},"admin/wizard/wizard.js":{"dependencies":["react","wp-api-fetch","wp-components","wp-element","wp-hooks","wp-i18n"],"version":"828af1208d60bd52a058"},"admin/product.js":{"dependencies":[],"version":"1fbb20702f51115f0511"}}
+{"admin/settings.js":{"dependencies":[],"version":"b50e9d171f2b34ba95f0"},"admin/wizard/wizard.js":{"dependencies":["react","wp-api-fetch","wp-components","wp-element","wp-hooks","wp-i18n"],"version":"47705ab7674049644284"},"admin/product.js":{"dependencies":[],"version":"1fbb20702f51115f0511"}}

assets/scss/admin/wizard.scss

@@ -16,7 +16,7 @@ label, .barn2-form-label {
   display: block!important;
   margin-bottom: 8px!important;
 }
-.components-button.is-secondary {
+.components-button.is-secondary:not(.skip-button) {
   display: none;
 }
 div.mce-toolbar-grp {

src/Admin/Wizard/Steps/Completed.php

@@ -31,9 +31,8 @@ public function __construct() {
 	 * @return string
 	 */
 	private function get_custom_description() {
-		// $product_options_page =
 
-		return esc_html__( 'Congratulations, you have created your first product page tab. Now go to the Manage Tabs screen to choose which categories to display it on, create more tabs, and manage the plugin settings.', 'woocommerce-product-tabs' );
+		return esc_html__( 'Congratulations, you have completed the setup wizard. You can now manage your tabs, choose a category to show them on, create more tabs, and manage the plugin settings.', 'woocommerce-product-tabs' );
 	}
 
 }