{"ast":null,"code":"import React from 'react';\nimport { FormControl, Input, Stack, Text, Divider, Box, WarningOutlineIcon } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsx(KeyboardAwareScrollView, {\n    style: {\n      width: '90%'\n    },\n    children: _jsxs(Stack, {\n      space: 2.5,\n      alignSelf: \"center\",\n      px: \"4\",\n      safeArea: true,\n      mt: \"4\",\n      w: {\n        base: '100%',\n        md: '25%'\n      },\n      children: [_jsxs(Box, {\n        children: [_jsx(Text, {\n          bold: true,\n          fontSize: \"xl\",\n          mb: \"4\",\n          children: \"Default\"\n        }), _jsxs(FormControl, {\n          mb: \"5\",\n          children: [_jsx(FormControl.Label, {\n            children: \"Project Title\"\n          }), _jsx(Input, {}), _jsx(FormControl.HelperText, {\n            children: \"Give your project a title.\"\n          })]\n        }), _jsx(Divider, {})]\n      }), _jsxs(Box, {\n        children: [_jsx(Text, {\n          bold: true,\n          fontSize: \"xl\",\n          mb: \"4\",\n          children: \"Disabled\"\n        }), _jsxs(FormControl, {\n          isDisabled: true,\n          mb: \"5\",\n          children: [_jsx(FormControl.Label, {\n            _disabled: {\n              _text: {\n                color: 'gray.400',\n                fontWeight: 'bold'\n              }\n            },\n            children: \"Project Title\"\n          }), _jsx(Input, {\n            placeholder: \"Title\"\n          }), _jsx(FormControl.HelperText, {\n            children: \"Give your project a title.\"\n          })]\n        }), _jsx(Divider, {})]\n      }), _jsxs(Box, {\n        children: [_jsx(Text, {\n          bold: true,\n          fontSize: \"xl\",\n          mb: \"4\",\n          children: \"Invalid\"\n        }), _jsxs(FormControl, {\n          isInvalid: true,\n          children: [_jsx(FormControl.Label, {\n            children: \"Project Title\"\n          }), _jsx(Input, {\n            placeholder: \"Title\"\n          }), _jsx(FormControl.ErrorMessage, {\n            leftIcon: _jsx(WarningOutlineIcon, {\n              size: \"xs\"\n            }),\n            children: \"Something is wrong.\"\n          })]\n        })]\n      })]\n    })\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/FormControl/CustomStyle.tsx"],"names":["React","FormControl","Input","Stack","Text","Divider","Box","WarningOutlineIcon","KeyboardAwareScrollView","Example","width","base","md","_text","color","fontWeight"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,WADF,EAEEC,KAFF,EAGEC,KAHF,EAIEC,IAJF,EAKEC,OALF,EAMEC,GANF,EAOEC,kBAPF;AASA,SAASC,uBAAT,QAAwC,yCAAxC;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SAEE,KAAC,uBAAD;AAAyB,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAAhC;AAAA,cACE,MAAC,KAAD;AACE,MAAA,KAAK,EAAE,GADT;AAEE,MAAA,SAAS,EAAC,QAFZ;AAGE,MAAA,EAAE,EAAC,GAHL;AAIE,MAAA,QAAQ,MAJV;AAKE,MAAA,EAAE,EAAC,GALL;AAME,MAAA,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,MAAR;AAAgBC,QAAAA,EAAE,EAAE;AAApB,OANL;AAAA,iBAQE,MAAC,GAAD;AAAA,mBACE,KAAC,IAAD;AAAM,UAAA,IAAI,MAAV;AAAW,UAAA,QAAQ,EAAC,IAApB;AAAyB,UAAA,EAAE,EAAC,GAA5B;AAAA;AAAA,UADF,EAIE,MAAC,WAAD;AAAa,UAAA,EAAE,EAAC,GAAhB;AAAA,qBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,YADF,EAEE,KAAC,KAAD,KAFF,EAGE,KAAC,WAAD,CAAa,UAAb;AAAA;AAAA,YAHF;AAAA,UAJF,EAWE,KAAC,OAAD,KAXF;AAAA,QARF,EAqBE,MAAC,GAAD;AAAA,mBACE,KAAC,IAAD;AAAM,UAAA,IAAI,MAAV;AAAW,UAAA,QAAQ,EAAC,IAApB;AAAyB,UAAA,EAAE,EAAC,GAA5B;AAAA;AAAA,UADF,EAIE,MAAC,WAAD;AAAa,UAAA,UAAU,MAAvB;AAAwB,UAAA,EAAE,EAAC,GAA3B;AAAA,qBACE,KAAC,WAAD,CAAa,KAAb;AACE,YAAA,SAAS,EAAE;AACTC,cAAAA,KAAK,EAAE;AACLC,gBAAAA,KAAK,EAAE,UADF;AAELC,gBAAAA,UAAU,EAAE;AAFP;AADE,aADb;AAAA;AAAA,YADF,EAWE,KAAC,KAAD;AAAO,YAAA,WAAW,EAAC;AAAnB,YAXF,EAYE,KAAC,WAAD,CAAa,UAAb;AAAA;AAAA,YAZF;AAAA,UAJF,EAoBE,KAAC,OAAD,KApBF;AAAA,QArBF,EA2CE,MAAC,GAAD;AAAA,mBACE,KAAC,IAAD;AAAM,UAAA,IAAI,MAAV;AAAW,UAAA,QAAQ,EAAC,IAApB;AAAyB,UAAA,EAAE,EAAC,GAA5B;AAAA;AAAA,UADF,EAIE,MAAC,WAAD;AAAa,UAAA,SAAS,MAAtB;AAAA,qBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,YADF,EAEE,KAAC,KAAD;AAAO,YAAA,WAAW,EAAC;AAAnB,YAFF,EAGE,KAAC,WAAD,CAAa,YAAb;AACE,YAAA,QAAQ,EAAE,KAAC,kBAAD;AAAoB,cAAA,IAAI,EAAC;AAAzB,cADZ;AAAA;AAAA,YAHF;AAAA,UAJF;AAAA,QA3CF;AAAA;AADF,IAFF;AA+DD,CAhEM","sourcesContent":["import React from 'react';\nimport {\n  FormControl,\n  Input,\n  Stack,\n  Text,\n  Divider,\n  Box,\n  WarningOutlineIcon,\n} from 'native-base';\nimport { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';\n\nexport const Example = () => {\n  return (\n    // eslint-disable-next-line react-native/no-inline-styles\n    <KeyboardAwareScrollView style={{ width: '90%' }}>\n      <Stack\n        space={2.5}\n        alignSelf=\"center\"\n        px=\"4\"\n        safeArea\n        mt=\"4\"\n        w={{ base: '100%', md: '25%' }}\n      >\n        <Box>\n          <Text bold fontSize=\"xl\" mb=\"4\">\n            Default\n          </Text>\n          <FormControl mb=\"5\">\n            <FormControl.Label>Project Title</FormControl.Label>\n            <Input />\n            <FormControl.HelperText>\n              Give your project a title.\n            </FormControl.HelperText>\n          </FormControl>\n          <Divider />\n        </Box>\n        <Box>\n          <Text bold fontSize=\"xl\" mb=\"4\">\n            Disabled\n          </Text>\n          <FormControl isDisabled mb=\"5\">\n            <FormControl.Label\n              _disabled={{\n                _text: {\n                  color: 'gray.400',\n                  fontWeight: 'bold',\n                },\n              }}\n            >\n              Project Title\n            </FormControl.Label>\n            <Input placeholder=\"Title\" />\n            <FormControl.HelperText>\n              Give your project a title.\n            </FormControl.HelperText>\n          </FormControl>\n          <Divider />\n        </Box>\n        <Box>\n          <Text bold fontSize=\"xl\" mb=\"4\">\n            Invalid\n          </Text>\n          <FormControl isInvalid>\n            <FormControl.Label>Project Title</FormControl.Label>\n            <Input placeholder=\"Title\" />\n            <FormControl.ErrorMessage\n              leftIcon={<WarningOutlineIcon size=\"xs\" />}\n            >\n              Something is wrong.\n            </FormControl.ErrorMessage>\n          </FormControl>\n        </Box>\n      </Stack>\n    </KeyboardAwareScrollView>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}