Add image output tiles

First step includes tiles so let's create output tiles component to show in this step

src/Components/CreateImageWizard/steps/googleCloud.js

@@ -29,7 +29,7 @@ export default {
         {
             component: componentTypes.RADIO,
             label: <>Type <Popover
-                className="ins-c-image-builder__in-wizard"
+                position="right"
                 hasAutoWidth
                 maxWidth='35rem'
                 headerContent={ 'Valid account types' }

src/Components/CreateImageWizard/steps/imageOutput.js

@@ -9,7 +9,7 @@ export const releaseValues = {
 
 export default {
     title: 'Image output',
-    name: 'step-1',
+    name: 'image-output',
     nextStep: ({ values }) => nextStepMapper(values),
     fields: [
         {
@@ -30,10 +30,9 @@ export default {
             ],
         },
         {
-            component: componentTypes.TEXT_FIELD,
-            name: 'role-type',
-            type: 'text',
-            label: 'Role name',
+            component: 'output',
+            name: 'target-environment',
+            label: 'Select target environment',
             isRequired: true,
             validate: [
                 {

src/Components/CreateImageWizard/steps/stepMapper.js

@@ -1,13 +1,13 @@
-export default (values, skipFirst, skipSecond) => {
-    if (!skipFirst && values?.['role-type']?.includes('a')) {
+export default ({ 'target-environment': targetEnv } = {}, skipFirst, skipSecond) => {
+    if (!skipFirst && targetEnv?.aws) {
         return 'aws-target-env';
     }
 
-    if (!skipSecond && values?.['role-type']?.includes('b')) {
+    if (!skipSecond && targetEnv?.azure) {
         return 'ms-azure-target-env';
     }
 
-    if (values?.['role-type']?.includes('c')) {
+    if (targetEnv?.google) {
         return 'google-cloud-target-env';
     }