From 3be81499a6649d4ddb01419e253997b7dbff16c6 Mon Sep 17 00:00:00 2001
From: Rajat Chaudhary <rajatchaudhary@Rajats-MacBook-Air.local>
Date: Wed, 21 Aug 2024 12:02:44 +0530
Subject: [PATCH] fix: form-control example

---
 .../FormControl/index.nw.stories.mdx          | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx b/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx
index 828aff7f3..0f981d7a8 100644
--- a/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx
+++ b/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx
@@ -159,19 +159,20 @@ The Radio Component can be incorporated within the FormControl.
     showArgsController={false}
     metaData={{
       code: `
+      function App () {
+        const [values, setValues] = React.useState("Mango");
+        return (
         <FormControl>
           <FormControlLabel>
             <FormControlLabelText>
               Favourite fruit
             </FormControlLabelText>
           </FormControlLabel>
-          <RadioGroup className='my-2'>
+          <RadioGroup className='my-2' value={values} onChange={setValues}>
             <VStack space="sm">
               <Radio size="sm" value="Mango">
                 <RadioIndicator>
-                  <RadioIcon>
-                    <CircleIcon/>
-                  </RadioIcon>
+                  <RadioIcon as={CircleIcon} />
                 </RadioIndicator>
                 <RadioLabel>
                   Mango
@@ -179,9 +180,7 @@ The Radio Component can be incorporated within the FormControl.
               </Radio>
               <Radio size="sm" value="Apple">
                 <RadioIndicator>
-                  <RadioIcon>
-                    <CircleIcon/>
-                  </RadioIcon>
+                  <RadioIcon as={CircleIcon} />
                 </RadioIndicator>
                 <RadioLabel>
                   Apple
@@ -189,9 +188,7 @@ The Radio Component can be incorporated within the FormControl.
               </Radio>
               <Radio size="sm" value="Orange">
                 <RadioIndicator>
-                  <RadioIcon>
-                    <CircleIcon/>
-                  </RadioIcon>
+                  <RadioIcon as={CircleIcon} />
                 </RadioIndicator>
                 <RadioLabel>
                   Orange
@@ -205,9 +202,11 @@ The Radio Component can be incorporated within the FormControl.
             </FormControlHelperText>
           </FormControlHelper>
         </FormControl>
+        )
+       }
       `,
       transformCode: (code) => {
-        return transformedCode(code);
+        return transformedCode(code, 'function', 'App');
       },
       scope: {
         Wrapper,