{"ast":null,"code":"import React from 'react';\nimport { FormControl, Input, Stack, WarningOutlineIcon, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(Box, {\n    w: \"100%\",\n    maxWidth: \"300px\"\n  }, React.createElement(FormControl, {\n    isRequired: true\n  }, React.createElement(Stack, {\n    mx: \"4\"\n  }, React.createElement(FormControl.Label, null, \"Password\"), React.createElement(Input, {\n    type: \"password\",\n    defaultValue: \"12345\",\n    placeholder: \"password\"\n  }), React.createElement(FormControl.HelperText, null, \"Must be atleast 6 characters.\"), React.createElement(FormControl.ErrorMessage, {\n    leftIcon: React.createElement(WarningOutlineIcon, {\n      size: \"xs\"\n    })\n  }, \"Atleast 6 characters are required.\")))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/FormControl/Usage.tsx"],"names":["React","FormControl","Input","Stack","WarningOutlineIcon","Box","Example"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,WADF,EAEEC,KAFF,EAGEC,KAHF,EAIEC,kBAJF,EAKEC,GALF;AAQA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,MAAP;AAAc,IAAA,QAAQ,EAAC;AAAvB,KACE,oBAAC,WAAD;AAAa,IAAA,UAAU;AAAvB,KACE,oBAAC,KAAD;AAAO,IAAA,EAAE,EAAC;AAAV,KACE,oBAAC,WAAD,CAAa,KAAb,mBADF,EAEE,oBAAC,KAAD;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,YAAY,EAAC,OAFf;AAGE,IAAA,WAAW,EAAC;AAHd,IAFF,EAOE,oBAAC,WAAD,CAAa,UAAb,wCAPF,EAUE,oBAAC,WAAD,CAAa,YAAb;AACE,IAAA,QAAQ,EAAE,oBAAC,kBAAD;AAAoB,MAAA,IAAI,EAAC;AAAzB;AADZ,0CAVF,CADF,CADF,CADF,CADF;AAwBD,CAzBM","sourcesContent":["import React from 'react';\nimport {\n  FormControl,\n  Input,\n  Stack,\n  WarningOutlineIcon,\n  Box,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\">\n      <Box w=\"100%\" maxWidth=\"300px\">\n        <FormControl isRequired>\n          <Stack mx=\"4\">\n            <FormControl.Label>Password</FormControl.Label>\n            <Input\n              type=\"password\"\n              defaultValue=\"12345\"\n              placeholder=\"password\"\n            />\n            <FormControl.HelperText>\n              Must be atleast 6 characters.\n            </FormControl.HelperText>\n            <FormControl.ErrorMessage\n              leftIcon={<WarningOutlineIcon size=\"xs\" />}\n            >\n              Atleast 6 characters are required.\n            </FormControl.ErrorMessage>\n          </Stack>\n        </FormControl>\n      </Box>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}