{"ast":null,"code":"import React from 'react';\nimport { Box, TextArea, Text, Stack, Divider } 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 _jsxs(Stack, {\n    space: 2.5,\n    w: {\n      base: '70%',\n      md: '25%'\n    },\n    children: [_jsxs(Box, {\n      w: \"100%\",\n      children: [_jsx(Text, {\n        mb: \"4\",\n        bold: true,\n        fontSize: \"lg\",\n        children: \"Invalid TextArea\"\n      }), _jsx(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      }), _jsx(Divider, {})]\n    }), _jsxs(Box, {\n      children: [_jsx(Text, {\n        bold: true,\n        fontSize: \"lg\",\n        mb: \"4\",\n        children: \"Disabled TextArea\"\n      }), _jsx(TextArea, {\n        \"aria-label\": \"t1Disabled\",\n        placeholder: \"Disabled TextArea\",\n        isDisabled: true\n      })]\n    })]\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","base","md","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,MAAC,KAAD;AAAO,IAAA,KAAK,EAAE,GAAd;AAAmB,IAAA,CAAC,EAAE;AAAEC,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB,KAAtB;AAAA,eACE,MAAC,GAAD;AAAK,MAAA,CAAC,EAAC,MAAP;AAAA,iBACE,KAAC,IAAD;AAAM,QAAA,EAAE,EAAC,GAAT;AAAa,QAAA,IAAI,MAAjB;AAAkB,QAAA,QAAQ,EAAC,IAA3B;AAAA;AAAA,QADF,EAIE,KAAC,QAAD;AACE,sBAAW,IADb;AAEE,QAAA,aAAa,EAAE,CAFjB;AAGE,QAAA,WAAW,EAAC,kBAHd;AAIE,QAAA,SAAS,MAJX;AAKE,QAAA,KAAK,EAAE;AAAEC,UAAAA,oBAAoB,EAAE;AAAxB,SALT;AAME,QAAA,EAAE,EAAC;AANL,QAJF,EAYE,KAAC,OAAD,KAZF;AAAA,MADF,EAeE,MAAC,GAAD;AAAA,iBACE,KAAC,IAAD;AAAM,QAAA,IAAI,MAAV;AAAW,QAAA,QAAQ,EAAC,IAApB;AAAyB,QAAA,EAAE,EAAC,GAA5B;AAAA;AAAA,QADF,EAKE,KAAC,QAAD;AACE,sBAAW,YADb;AAEE,QAAA,WAAW,EAAC,mBAFd;AAGE,QAAA,UAAU;AAHZ,QALF;AAAA,MAfF;AAAA,IADF;AA6BD,CA9BM","sourcesContent":["import React from 'react';\nimport { Box, TextArea, Text, Stack, Divider } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Stack space={2.5} w={{ base: '70%', md: '25%' }}>\n      <Box w=\"100%\">\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  );\n};\n"]},"metadata":{},"sourceType":"module"}