{"ast":null,"code":"import React from 'react';\nimport { FormControl, Input, Stack } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { boolean } from '@storybook/addon-knobs';\nexport var Example = function Example() {\n  return React.createElement(FormControl, {\n    isRequired: boolean('isRequired', true),\n    isDisabled: boolean('isDisabled', false),\n    isInvalid: boolean('isInvalid', false),\n    isReadOnly: boolean('isReadOnly', false),\n    w: {\n      base: '70%',\n      md: '25%'\n    }\n  }, React.createElement(Stack, {\n    mx: \"4\"\n  }, React.createElement(FormControl.Label, {\n    _invalid: {\n      backgroundColor: '#FED7D7'\n    }\n  }, \"Favorite framework\"), React.createElement(Input, {\n    p: 2,\n    placeholder: \"Is it react?\"\n  }), React.createElement(FormControl.HelperText, {\n    _disabled: {\n      backgroundColor: '#eee'\n    }\n  }, \"We'll keep this between us.\"), React.createElement(FormControl.ErrorMessage, null, \"Something is wrong.\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/FormControl/Playground.tsx"],"names":["React","FormControl","Input","Stack","boolean","Example","base","md","backgroundColor"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,EAAsBC,KAAtB,EAA6BC,KAA7B;AACA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,WAAD;AACE,IAAA,UAAU,EAAED,OAAO,CAAC,YAAD,EAAe,IAAf,CADrB;AAEE,IAAA,UAAU,EAAEA,OAAO,CAAC,YAAD,EAAe,KAAf,CAFrB;AAGE,IAAA,SAAS,EAAEA,OAAO,CAAC,WAAD,EAAc,KAAd,CAHpB;AAIE,IAAA,UAAU,EAAEA,OAAO,CAAC,YAAD,EAAe,KAAf,CAJrB;AAKE,IAAA,CAAC,EAAE;AAAEE,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB;AALL,KAOE,oBAAC,KAAD;AAAO,IAAA,EAAE,EAAC;AAAV,KACE,oBAAC,WAAD,CAAa,KAAb;AAAmB,IAAA,QAAQ,EAAE;AAAEC,MAAAA,eAAe,EAAE;AAAnB;AAA7B,0BADF,EAIE,oBAAC,KAAD;AAAO,IAAA,CAAC,EAAE,CAAV;AAAa,IAAA,WAAW,EAAC;AAAzB,IAJF,EAKE,oBAAC,WAAD,CAAa,UAAb;AAAwB,IAAA,SAAS,EAAE;AAAEA,MAAAA,eAAe,EAAE;AAAnB;AAAnC,mCALF,EAQE,oBAAC,WAAD,CAAa,YAAb,8BARF,CAPF,CADF;AAoBD,CArBM","sourcesContent":["import React from 'react';\nimport { FormControl, Input, Stack } from 'native-base';\nimport { boolean } from '@storybook/addon-knobs';\n\nexport const Example = () => {\n  return (\n    <FormControl\n      isRequired={boolean('isRequired', true)}\n      isDisabled={boolean('isDisabled', false)}\n      isInvalid={boolean('isInvalid', false)}\n      isReadOnly={boolean('isReadOnly', false)}\n      w={{ base: '70%', md: '25%' }}\n    >\n      <Stack mx=\"4\">\n        <FormControl.Label _invalid={{ backgroundColor: '#FED7D7' }}>\n          Favorite framework\n        </FormControl.Label>\n        <Input p={2} placeholder=\"Is it react?\" />\n        <FormControl.HelperText _disabled={{ backgroundColor: '#eee' }}>\n          We'll keep this between us.\n        </FormControl.HelperText>\n        <FormControl.ErrorMessage>Something is wrong.</FormControl.ErrorMessage>\n      </Stack>\n    </FormControl>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}