{"ast":null,"code":"import React from 'react';\nimport { FormControl, Input, Stack, Text, Divider, Box, WarningOutlineIcon, ScrollView } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(ScrollView, {\n    w: \"100%\"\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","ScrollView","Example","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,EAQEC,UARF;AAWA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,UAAD;AAAY,IAAA,CAAC,EAAC;AAAd,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,CADF;AA8DD,CA/DM","sourcesContent":["import React from 'react';\nimport {\n  FormControl,\n  Input,\n  Stack,\n  Text,\n  Divider,\n  Box,\n  WarningOutlineIcon,\n  ScrollView,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <ScrollView w=\"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    </ScrollView>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}