{"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    alignItems: \"center\",\n    children: _jsx(Box, {\n      w: \"100%\",\n      maxWidth: \"300px\",\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  });\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,KAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAA,cACE,KAAC,GAAD;AAAK,MAAA,CAAC,EAAC,MAAP;AAAc,MAAA,QAAQ,EAAC,OAAvB;AAAA,gBACE,KAAC,WAAD;AAAa,QAAA,UAAU,MAAvB;AAAA,kBACE,MAAC,KAAD;AAAO,UAAA,EAAE,EAAC,GAAV;AAAA,qBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,YADF,EAEE,KAAC,KAAD;AACE,YAAA,IAAI,EAAC,UADP;AAEE,YAAA,YAAY,EAAC,OAFf;AAGE,YAAA,WAAW,EAAC;AAHd,YAFF,EAOE,KAAC,WAAD,CAAa,UAAb;AAAA;AAAA,YAPF,EAUE,KAAC,WAAD,CAAa,YAAb;AACE,YAAA,QAAQ,EAAE,KAAC,kBAAD;AAAoB,cAAA,IAAI,EAAC;AAAzB,cADZ;AAAA;AAAA,YAVF;AAAA;AADF;AADF;AADF,IADF;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"}