fix: map prop to children prop for variant (#297) (#304)

* fix: map prop to children prop for variant

Co-authored-by: Alexander Harris <alharris@amazon.com>

Co-authored-by: yeung-wah <94481720+yeung-wah@users.noreply.github.com>

packages/codegen-ui-react/lib/__tests__/studio-ui-codegen-react.test.ts

@@ -188,6 +188,10 @@ describe('amplify render tests', () => {
       const generatedCode = generateWithAmplifyRenderer('complexTest8');
       expect(generatedCode.componentText).toMatchSnapshot();
     });
+    it('should render complex sample 9', () => {
+      const generatedCode = generateWithAmplifyRenderer('complexTest9');
+      expect(generatedCode.componentText).toMatchSnapshot();
+    });
   });
 
   describe('concat and conditional transform', () => {
@@ -236,6 +240,20 @@ describe('amplify render tests', () => {
     });
   });
 
+  describe('component with variants with mapped children prop', () => {
+    it('should render variants with options provided, and mapped children prop', () => {
+      const generatedCode = generateWithAmplifyRenderer('componentWithVariantsWithMappedChildrenProp');
+      expect(generatedCode).toMatchSnapshot();
+    });
+  });
+
+  describe('component with variants and not override children prop', () => {
+    it('should render variants with options provided, and not override children prop', () => {
+      const generatedCode = generateWithAmplifyRenderer('componentWithVariantsAndNotOverrideChildProp');
+      expect(generatedCode).toMatchSnapshot();
+    });
+  });
+
   describe('custom render config', () => {
     it('should render ES5', () => {
       expect(