{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/TextArea/invalid.tsx\";\n\nimport React from 'react';\nimport { Box, TextArea, Text, Stack, Divider } 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(Stack, {\n    space: 2.5,\n    w: \"75%\",\n    maxW: \"300\"\n  }, React.createElement(Box, null, React.createElement(Text, {\n    mb: \"4\",\n    bold: true,\n    fontSize: \"lg\"\n  }, \"Invalid TextArea\"), React.createElement(TextArea, {\n    \"aria-label\": \"t1\",\n    numberOfLines: 4,\n    placeholder: \"Invalid TextArea\",\n    isInvalid: true,\n    _dark: {\n      placeholderTextColor: 'gray.300'\n    },\n    mb: \"5\"\n  }), React.createElement(Divider, null)), React.createElement(Box, null, React.createElement(Text, {\n    bold: true,\n    fontSize: \"lg\",\n    mb: \"4\"\n  }, \"Disabled TextArea\"), React.createElement(TextArea, {\n    \"aria-label\": \"t1Disabled\",\n    placeholder: \"Disabled TextArea\",\n    isDisabled: true\n  }))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/TextArea/invalid.tsx"],"names":["React","Box","TextArea","Text","Stack","Divider","Example","placeholderTextColor"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,QAAd,EAAwBC,IAAxB,EAA8BC,KAA9B,EAAqCC,OAArC;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,GAAd;AAAmB,IAAA,CAAC,EAAC,KAArB;AAA2B,IAAA,IAAI,EAAC;AAAhC,KACE,oBAAC,GAAD,QACE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAC,GAAT;AAAa,IAAA,IAAI,MAAjB;AAAkB,IAAA,QAAQ,EAAC;AAA3B,wBADF,EAIE,oBAAC,QAAD;AACE,kBAAW,IADb;AAEE,IAAA,aAAa,EAAE,CAFjB;AAGE,IAAA,WAAW,EAAC,kBAHd;AAIE,IAAA,SAAS,MAJX;AAKE,IAAA,KAAK,EAAE;AAAEC,MAAAA,oBAAoB,EAAE;AAAxB,KALT;AAME,IAAA,EAAE,EAAC;AANL,IAJF,EAYE,oBAAC,OAAD,OAZF,CADF,EAeE,oBAAC,GAAD,QACE,oBAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,QAAQ,EAAC,IAApB;AAAyB,IAAA,EAAE,EAAC;AAA5B,yBADF,EAKE,oBAAC,QAAD;AACE,kBAAW,YADb;AAEE,IAAA,WAAW,EAAC,mBAFd;AAGE,IAAA,UAAU;AAHZ,IALF,CAfF,CADF,CADF;AA+BD,CAhCM","sourcesContent":["import React from 'react';\nimport { Box, TextArea, Text, Stack, Divider } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\">\n      <Stack space={2.5} w=\"75%\" maxW=\"300\">\n        <Box>\n          <Text mb=\"4\" bold fontSize=\"lg\">\n            Invalid TextArea\n          </Text>\n          <TextArea\n            aria-label=\"t1\"\n            numberOfLines={4}\n            placeholder=\"Invalid TextArea\"\n            isInvalid\n            _dark={{ placeholderTextColor: 'gray.300' }}\n            mb=\"5\"\n          />\n          <Divider />\n        </Box>\n        <Box>\n          <Text bold fontSize=\"lg\" mb=\"4\">\n            Disabled TextArea\n          </Text>\n\n          <TextArea\n            aria-label=\"t1Disabled\"\n            placeholder=\"Disabled TextArea\"\n            isDisabled\n          />\n        </Box>\n      </Stack>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}