{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/KeyboardAvoidingView/Basic.tsx\";\n\nimport React from 'react';\nimport { Input, KeyboardAvoidingView, Text, Button, VStack, Heading, useBreakpointValue } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport Platform from \"react-native-web/dist/exports/Platform\";\nexport var Example = function Example() {\n  var isLargeScreen = useBreakpointValue({\n    base: false,\n    sm: false,\n    md: false,\n    lg: true\n  });\n  return React.createElement(KeyboardAvoidingView, {\n    h: {\n      base: '400px',\n      lg: 'auto'\n    },\n    behavior: Platform.OS === 'ios' ? 'padding' : 'height'\n  }, React.createElement(VStack, {\n    p: \"6\",\n    flex: \"1\",\n    justifyContent: \"flex-end\"\n  }, React.createElement(Heading, {\n    fontSize: 36,\n    mb: \"3\"\n  }, \"Forgot Password\"), React.createElement(Text, null, \"Not to worry! Enter email address associated with your account and we\\u2019ll send a link to reset your password.\"), React.createElement(Input, {\n    placeholder: \"Email Address\",\n    mt: \"10\",\n    mb: \"4\"\n  }), React.createElement(Button, {\n    mb: \"4\"\n  }, \"Proceed\"), isLargeScreen ? React.createElement(Text, null, \"Please see the example in your mobile to observe the effect.\") : null));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/KeyboardAvoidingView/Basic.tsx"],"names":["React","Input","KeyboardAvoidingView","Text","Button","VStack","Heading","useBreakpointValue","Example","isLargeScreen","base","sm","md","lg","Platform","OS"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,oBAFF,EAGEC,IAHF,EAIEC,MAJF,EAKEC,MALF,EAMEC,OANF,EAOEC,kBAPF;;AAWA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,aAAa,GAAGF,kBAAkB,CAAC;AACvCG,IAAAA,IAAI,EAAE,KADiC;AAEvCC,IAAAA,EAAE,EAAE,KAFmC;AAGvCC,IAAAA,EAAE,EAAE,KAHmC;AAIvCC,IAAAA,EAAE,EAAE;AAJmC,GAAD,CAAxC;AAMA,SACE,oBAAC,oBAAD;AACE,IAAA,CAAC,EAAE;AAAEH,MAAAA,IAAI,EAAE,OAAR;AAAiBG,MAAAA,EAAE,EAAE;AAArB,KADL;AAEE,IAAA,QAAQ,EAAEC,QAAQ,CAACC,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC;AAFhD,KAIE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC,GAAV;AAAc,IAAA,IAAI,EAAC,GAAnB;AAAuB,IAAA,cAAc,EAAC;AAAtC,KACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAE,EAAnB;AAAuB,IAAA,EAAE,EAAC;AAA1B,uBADF,EAIE,oBAAC,IAAD,4HAJF,EAQE,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC,eAAnB;AAAmC,IAAA,EAAE,EAAC,IAAtC;AAA2C,IAAA,EAAE,EAAC;AAA9C,IARF,EASE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC;AAAX,eATF,EAUGN,aAAa,GACZ,oBAAC,IAAD,uEADY,GAIV,IAdN,CAJF,CADF;AAuBD,CA9BM","sourcesContent":["import React from 'react';\nimport {\n  Input,\n  KeyboardAvoidingView,\n  Text,\n  Button,\n  VStack,\n  Heading,\n  useBreakpointValue,\n} from 'native-base';\nimport { Platform } from 'react-native';\n\nexport const Example = () => {\n  const isLargeScreen = useBreakpointValue({\n    base: false,\n    sm: false,\n    md: false,\n    lg: true,\n  });\n  return (\n    <KeyboardAvoidingView\n      h={{ base: '400px', lg: 'auto' }}\n      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n    >\n      <VStack p=\"6\" flex=\"1\" justifyContent=\"flex-end\">\n        <Heading fontSize={36} mb=\"3\">\n          Forgot Password\n        </Heading>\n        <Text>\n          Not to worry! Enter email address associated with your account and\n          we’ll send a link to reset your password.\n        </Text>\n        <Input placeholder=\"Email Address\" mt=\"10\" mb=\"4\" />\n        <Button mb=\"4\">Proceed</Button>\n        {isLargeScreen ? (\n          <Text>\n            Please see the example in your mobile to observe the effect.\n          </Text>\n        ) : null}\n      </VStack>\n    </KeyboardAvoidingView>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}