{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/FormControl/CustomStyle.tsx\";\n\nimport 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';\nexport var Example = function Example() {\n  return React.createElement(KeyboardAwareScrollView, {\n    style: {\n      width: '100%'\n    }\n  }, React.createElement(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  }, React.createElement(Box, null, React.createElement(Text, {\n    bold: true,\n    fontSize: \"xl\",\n    mb: \"4\"\n  }, \"Default\"), React.createElement(FormControl, {\n    mb: \"5\"\n  }, React.createElement(FormControl.Label, null, \"Project Title\"), React.createElement(Input, null), React.createElement(FormControl.HelperText, null, \"Give your project a title.\")), React.createElement(Divider, null)), React.createElement(Box, null, React.createElement(Text, {\n    bold: true,\n    fontSize: \"xl\",\n    mb: \"4\"\n  }, \"Disabled\"), React.createElement(FormControl, {\n    isDisabled: true,\n    mb: \"5\"\n  }, React.createElement(FormControl.Label, {\n    _disabled: {\n      _text: {\n        color: 'gray.400',\n        fontWeight: 'bold'\n      }\n    }\n  }, \"Project Title\"), React.createElement(Input, {\n    placeholder: \"Title\"\n  }), React.createElement(FormControl.HelperText, null, \"Give your project a title.\")), React.createElement(Divider, null)), React.createElement(Box, null, React.createElement(Text, {\n    bold: true,\n    fontSize: \"xl\",\n    mb: \"4\"\n  }, \"Invalid\"), React.createElement(FormControl, {\n    isInvalid: true\n  }, React.createElement(FormControl.Label, null, \"Project Title\"), React.createElement(Input, {\n    placeholder: \"Title\"\n  }), React.createElement(FormControl.ErrorMessage, {\n    leftIcon: React.createElement(WarningOutlineIcon, {\n      size: \"xs\"\n    })\n  }, \"Something is wrong.\")))));\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,oBAAC,uBAAD;AAAyB,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AAAhC,KACE,oBAAC,KAAD;AACE,IAAA,KAAK,EAAE,GADT;AAEE,IAAA,SAAS,EAAC,QAFZ;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,QAAQ,MAJV;AAKE,IAAA,EAAE,EAAC,GALL;AAME,IAAA,CAAC,EAAE;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,EAAE,EAAE;AAApB;AANL,KAQE,oBAAC,GAAD,QACE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,QAAQ,EAAC,IAApB;AAAyB,IAAA,EAAE,EAAC;AAA5B,eADF,EAIE,oBAAC,WAAD;AAAa,IAAA,EAAE,EAAC;AAAhB,KACE,oBAAC,WAAD,CAAa,KAAb,wBADF,EAEE,oBAAC,KAAD,OAFF,EAGE,oBAAC,WAAD,CAAa,UAAb,qCAHF,CAJF,EAWE,oBAAC,OAAD,OAXF,CARF,EAqBE,oBAAC,GAAD,QACE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,QAAQ,EAAC,IAApB;AAAyB,IAAA,EAAE,EAAC;AAA5B,gBADF,EAIE,oBAAC,WAAD;AAAa,IAAA,UAAU,MAAvB;AAAwB,IAAA,EAAE,EAAC;AAA3B,KACE,oBAAC,WAAD,CAAa,KAAb;AACE,IAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,UADF;AAELC,QAAAA,UAAU,EAAE;AAFP;AADE;AADb,qBADF,EAWE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC;AAAnB,IAXF,EAYE,oBAAC,WAAD,CAAa,UAAb,qCAZF,CAJF,EAoBE,oBAAC,OAAD,OApBF,CArBF,EA2CE,oBAAC,GAAD,QACE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,QAAQ,EAAC,IAApB;AAAyB,IAAA,EAAE,EAAC;AAA5B,eADF,EAIE,oBAAC,WAAD;AAAa,IAAA,SAAS;AAAtB,KACE,oBAAC,WAAD,CAAa,KAAb,wBADF,EAEE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC;AAAnB,IAFF,EAGE,oBAAC,WAAD,CAAa,YAAb;AACE,IAAA,QAAQ,EAAE,oBAAC,kBAAD;AAAoB,MAAA,IAAI,EAAC;AAAzB;AADZ,2BAHF,CAJF,CA3CF,CADF,CAFF;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: '100%' }}>\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"}