{"ast":null,"code":"import React from 'react';\nimport { Input, KeyboardAvoidingView, Text, Button, VStack, Heading, Center } 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  return React.createElement(KeyboardAvoidingView, {\n    h: {\n      base: '400px',\n      lg: 'auto'\n    },\n    behavior: Platform.OS === 'ios' ? 'padding' : 'height'\n  }, React.createElement(Center, null, React.createElement(VStack, {\n    flex: \"1\",\n    justifyContent: \"flex-end\",\n    w: \"100%\",\n    maxW: \"300\"\n  }, React.createElement(Heading, {\n    mb: \"3\"\n  }, \"Forgot Password\"), React.createElement(Text, {\n    color: \"muted.400\"\n  }, \"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\"))));\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","Center","Example","base","lg","Platform","OS"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,oBAFF,EAGEC,IAHF,EAIEC,MAJF,EAKEC,MALF,EAMEC,OANF,EAOEC,MAPF;;AAWA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,oBAAD;AACE,IAAA,CAAC,EAAE;AACDC,MAAAA,IAAI,EAAE,OADL;AAEDC,MAAAA,EAAE,EAAE;AAFH,KADL;AAKE,IAAA,QAAQ,EAAEC,QAAQ,CAACC,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoC;AALhD,KAOE,oBAAC,MAAD,QACE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC,GAAb;AAAiB,IAAA,cAAc,EAAC,UAAhC;AAA2C,IAAA,CAAC,EAAC,MAA7C;AAAoD,IAAA,IAAI,EAAC;AAAzD,KACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC;AAAZ,uBADF,EAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC;AAAZ,yHAFF,EAME,oBAAC,KAAD;AAAO,IAAA,WAAW,EAAC,eAAnB;AAAmC,IAAA,EAAE,EAAC,IAAtC;AAA2C,IAAA,EAAE,EAAC;AAA9C,IANF,EAOE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC;AAAX,eAPF,CADF,CAPF,CADF;AAqBD,CAtBM","sourcesContent":["import React from 'react';\nimport {\n  Input,\n  KeyboardAvoidingView,\n  Text,\n  Button,\n  VStack,\n  Heading,\n  Center,\n} from 'native-base';\nimport { Platform } from 'react-native';\n\nexport const Example = () => {\n  return (\n    <KeyboardAvoidingView\n      h={{\n        base: '400px',\n        lg: 'auto',\n      }}\n      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}\n    >\n      <Center>\n        <VStack flex=\"1\" justifyContent=\"flex-end\" w=\"100%\" maxW=\"300\">\n          <Heading mb=\"3\">Forgot Password</Heading>\n          <Text color=\"muted.400\">\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        </VStack>\n      </Center>\n    </KeyboardAvoidingView>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}