{"ast":null,"code":"import React from 'react';\nimport { FormControl, Input, Stack, WarningOutlineIcon, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  return _jsx(Box, {\n    w: {\n      base: '90%',\n      md: '25%'\n    },\n    children: _jsx(FormControl, {\n      isRequired: true,\n      children: _jsxs(Stack, {\n        mx: \"4\",\n        children: [_jsx(FormControl.Label, {\n          children: \"Password\"\n        }), _jsx(Input, {\n          type: \"password\",\n          defaultValue: \"12345\",\n          placeholder: \"password\"\n        }), _jsx(FormControl.HelperText, {\n          children: \"Must be atleast 6 characters.\"\n        }), _jsx(FormControl.ErrorMessage, {\n          leftIcon: _jsx(WarningOutlineIcon, {\n            size: \"xs\"\n          }),\n          children: \"Atleast 6 characters are required.\"\n        })]\n      })\n    })\n  });\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","base","md"],"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,KAAC,GAAD;AAAK,IAAA,CAAC,EAAE;AAAEC,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB,KAAR;AAAA,cACE,KAAC,WAAD;AAAa,MAAA,UAAU,MAAvB;AAAA,gBACE,MAAC,KAAD;AAAO,QAAA,EAAE,EAAC,GAAV;AAAA,mBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,UADF,EAEE,KAAC,KAAD;AAAO,UAAA,IAAI,EAAC,UAAZ;AAAuB,UAAA,YAAY,EAAC,OAApC;AAA4C,UAAA,WAAW,EAAC;AAAxD,UAFF,EAGE,KAAC,WAAD,CAAa,UAAb;AAAA;AAAA,UAHF,EAME,KAAC,WAAD,CAAa,YAAb;AAA0B,UAAA,QAAQ,EAAE,KAAC,kBAAD;AAAoB,YAAA,IAAI,EAAC;AAAzB,YAApC;AAAA;AAAA,UANF;AAAA;AADF;AADF,IADF;AAgBD,CAjBM","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 w={{ base: '90%', md: '25%' }}>\n      <FormControl isRequired>\n        <Stack mx=\"4\">\n          <FormControl.Label>Password</FormControl.Label>\n          <Input type=\"password\" defaultValue=\"12345\" placeholder=\"password\" />\n          <FormControl.HelperText>\n            Must be atleast 6 characters.\n          </FormControl.HelperText>\n          <FormControl.ErrorMessage leftIcon={<WarningOutlineIcon size=\"xs\" />}>\n            Atleast 6 characters are required.\n          </FormControl.ErrorMessage>\n        </Stack>\n      </FormControl>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}