{"ast":null,"code":"import React from 'react';\nimport { TextArea, Stack, ScrollView, Center, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var Sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];\n  return React.createElement(ScrollView, {\n    w: {\n      base: '70%',\n      md: '20%'\n    }\n  }, React.createElement(Center, {\n    mt: \"4\"\n  }, React.createElement(Heading, {\n    textAlign: \"center\",\n    mb: \"10\"\n  }, \"Sizes\"), React.createElement(Stack, {\n    space: 4,\n    w: \"90%\"\n  }, Sizes.map(function (value) {\n    return React.createElement(TextArea, {\n      \"aria-label\": \"t2\",\n      key: value,\n      size: value,\n      placeholder: value,\n      _dark: {\n        placeholderTextColor: 'white'\n      }\n    });\n  }))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/TextArea/size.tsx"],"names":["React","TextArea","Stack","ScrollView","Center","Heading","Example","Sizes","base","md","map","value","placeholderTextColor"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,KAAnB,EAA0BC,UAA1B,EAAsCC,MAAtC,EAA8CC,OAA9C;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,KAAK,GAAG,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,KAA/B,CAAd;AACA,SACE,oBAAC,UAAD;AAAY,IAAA,CAAC,EAAE;AAAEC,MAAAA,IAAI,EAAE,KAAR;AAAeC,MAAAA,EAAE,EAAE;AAAnB;AAAf,KACE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC;AAAX,KACE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,QAAnB;AAA4B,IAAA,EAAE,EAAC;AAA/B,aADF,EAIE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,CAAC,EAAC;AAAnB,KACGF,KAAK,CAACG,GAAN,CAAU,UAACC,KAAD,EAAW;AACpB,WACE,oBAAC,QAAD;AACE,oBAAW,IADb;AAEE,MAAA,GAAG,EAAEA,KAFP;AAGE,MAAA,IAAI,EAAEA,KAHR;AAIE,MAAA,WAAW,EAAEA,KAJf;AAKE,MAAA,KAAK,EAAE;AAAEC,QAAAA,oBAAoB,EAAE;AAAxB;AALT,MADF;AASD,GAVA,CADH,CAJF,CADF,CADF;AAsBD,CAxBM","sourcesContent":["import React from 'react';\nimport { TextArea, Stack, ScrollView, Center, Heading } from 'native-base';\n\nexport const Example = () => {\n  const Sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];\n  return (\n    <ScrollView w={{ base: '70%', md: '20%' }}>\n      <Center mt=\"4\">\n        <Heading textAlign=\"center\" mb=\"10\">\n          Sizes\n        </Heading>\n        <Stack space={4} w=\"90%\">\n          {Sizes.map((value) => {\n            return (\n              <TextArea\n                aria-label=\"t2\"\n                key={value}\n                size={value}\n                placeholder={value}\n                _dark={{ placeholderTextColor: 'white' }}\n              />\n            );\n          })}\n        </Stack>\n      </Center>\n    </ScrollView>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}