{"ast":null,"code":"import * as React from 'react';\nimport { Box, Text, Heading, VStack, FormControl, Input, Link, Button, HStack, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Center, {\n    w: \"100%\"\n  }, React.createElement(Box, {\n    safeArea: true,\n    p: \"2\",\n    py: \"8\",\n    w: \"90%\",\n    maxW: \"290\"\n  }, React.createElement(Heading, {\n    size: \"lg\",\n    fontWeight: \"600\",\n    color: \"coolGray.800\",\n    _dark: {\n      color: 'warmGray.50'\n    }\n  }, \"Welcome\"), React.createElement(Heading, {\n    mt: \"1\",\n    _dark: {\n      color: 'warmGray.200'\n    },\n    color: \"coolGray.600\",\n    fontWeight: \"medium\",\n    size: \"xs\"\n  }, \"Sign in to continue!\"), React.createElement(VStack, {\n    space: 3,\n    mt: \"5\"\n  }, React.createElement(FormControl, null, React.createElement(FormControl.Label, null, \"Email ID\"), React.createElement(Input, null)), React.createElement(FormControl, null, React.createElement(FormControl.Label, null, \"Password\"), React.createElement(Input, {\n    type: \"password\"\n  }), React.createElement(Link, {\n    _text: {\n      fontSize: 'xs',\n      fontWeight: '500',\n      color: 'indigo.500'\n    },\n    alignSelf: \"flex-end\",\n    mt: \"1\"\n  }, \"Forget Password?\")), React.createElement(Button, {\n    mt: \"2\",\n    colorScheme: \"indigo\"\n  }, \"Sign in\"), React.createElement(HStack, {\n    mt: \"6\",\n    justifyContent: \"center\"\n  }, React.createElement(Text, {\n    fontSize: \"sm\",\n    color: \"coolGray.600\",\n    _dark: {\n      color: 'warmGray.200'\n    }\n  }, \"I'm a new user.\", ' '), React.createElement(Link, {\n    _text: {\n      color: 'indigo.500',\n      fontWeight: 'medium',\n      fontSize: 'sm'\n    },\n    href: \"#\"\n  }, \"Sign Up\")))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/examples/Signin.tsx"],"names":["React","Box","Text","Heading","VStack","FormControl","Input","Link","Button","HStack","Center","Example","color","fontSize","fontWeight"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,GADF,EAEEC,IAFF,EAGEC,OAHF,EAIEC,MAJF,EAKEC,WALF,EAMEC,KANF,EAOEC,IAPF,EAQEC,MARF,EASEC,MATF,EAUEC,MAVF;AAaA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC;AAAV,KACE,oBAAC,GAAD;AAAK,IAAA,QAAQ,MAAb;AAAc,IAAA,CAAC,EAAC,GAAhB;AAAoB,IAAA,EAAE,EAAC,GAAvB;AAA2B,IAAA,CAAC,EAAC,KAA7B;AAAmC,IAAA,IAAI,EAAC;AAAxC,KACE,oBAAC,OAAD;AACE,IAAA,IAAI,EAAC,IADP;AAEE,IAAA,UAAU,EAAC,KAFb;AAGE,IAAA,KAAK,EAAC,cAHR;AAIE,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AAJT,eADF,EASE,oBAAC,OAAD;AACE,IAAA,EAAE,EAAC,GADL;AAEE,IAAA,KAAK,EAAE;AAAEA,MAAAA,KAAK,EAAE;AAAT,KAFT;AAGE,IAAA,KAAK,EAAC,cAHR;AAIE,IAAA,UAAU,EAAC,QAJb;AAKE,IAAA,IAAI,EAAC;AALP,4BATF,EAmBE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAC;AAArB,KACE,oBAAC,WAAD,QACE,oBAAC,WAAD,CAAa,KAAb,mBADF,EAEE,oBAAC,KAAD,OAFF,CADF,EAKE,oBAAC,WAAD,QACE,oBAAC,WAAD,CAAa,KAAb,mBADF,EAEE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,IAFF,EAGE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAE,IAAZ;AAAkBC,MAAAA,UAAU,EAAE,KAA9B;AAAqCF,MAAAA,KAAK,EAAE;AAA5C,KADT;AAEE,IAAA,SAAS,EAAC,UAFZ;AAGE,IAAA,EAAE,EAAC;AAHL,wBAHF,CALF,EAgBE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,WAAW,EAAC;AAA3B,eAhBF,EAmBE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,cAAc,EAAC;AAA9B,KACE,oBAAC,IAAD;AACE,IAAA,QAAQ,EAAC,IADX;AAEE,IAAA,KAAK,EAAC,cAFR;AAGE,IAAA,KAAK,EAAE;AAAEA,MAAAA,KAAK,EAAE;AAAT;AAHT,wBAKkB,GALlB,CADF,EAQE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE;AACLA,MAAAA,KAAK,EAAE,YADF;AAELE,MAAAA,UAAU,EAAE,QAFP;AAGLD,MAAAA,QAAQ,EAAE;AAHL,KADT;AAME,IAAA,IAAI,EAAC;AANP,eARF,CAnBF,CAnBF,CADF,CADF;AA+DD,CAhEM","sourcesContent":["import * as React from 'react';\nimport {\n  Box,\n  Text,\n  Heading,\n  VStack,\n  FormControl,\n  Input,\n  Link,\n  Button,\n  HStack,\n  Center,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Center w=\"100%\">\n      <Box safeArea p=\"2\" py=\"8\" w=\"90%\" maxW=\"290\">\n        <Heading\n          size=\"lg\"\n          fontWeight=\"600\"\n          color=\"coolGray.800\"\n          _dark={{ color: 'warmGray.50' }}\n        >\n          Welcome\n        </Heading>\n        <Heading\n          mt=\"1\"\n          _dark={{ color: 'warmGray.200' }}\n          color=\"coolGray.600\"\n          fontWeight=\"medium\"\n          size=\"xs\"\n        >\n          Sign in to continue!\n        </Heading>\n\n        <VStack space={3} mt=\"5\">\n          <FormControl>\n            <FormControl.Label>Email ID</FormControl.Label>\n            <Input />\n          </FormControl>\n          <FormControl>\n            <FormControl.Label>Password</FormControl.Label>\n            <Input type=\"password\" />\n            <Link\n              _text={{ fontSize: 'xs', fontWeight: '500', color: 'indigo.500' }}\n              alignSelf=\"flex-end\"\n              mt=\"1\"\n            >\n              Forget Password?\n            </Link>\n          </FormControl>\n          <Button mt=\"2\" colorScheme=\"indigo\">\n            Sign in\n          </Button>\n          <HStack mt=\"6\" justifyContent=\"center\">\n            <Text\n              fontSize=\"sm\"\n              color=\"coolGray.600\"\n              _dark={{ color: 'warmGray.200' }}\n            >\n              I'm a new user.{' '}\n            </Text>\n            <Link\n              _text={{\n                color: 'indigo.500',\n                fontWeight: 'medium',\n                fontSize: 'sm',\n              }}\n              href=\"#\"\n            >\n              Sign Up\n            </Link>\n          </HStack>\n        </VStack>\n      </Box>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}