{"ast":null,"code":"import * as React from 'react';\nimport { Box, Text, Heading, VStack, FormControl, Input, Link, Button, HStack } 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(Box, {\n    safeArea: true,\n    p: \"2\",\n    py: \"8\",\n    w: \"90%\",\n    maxW: \"290\",\n    children: [_jsx(Heading, {\n      size: \"lg\",\n      fontWeight: \"600\",\n      color: \"coolGray.800\",\n      _dark: {\n        color: 'warmGray.50'\n      },\n      children: \"Welcome\"\n    }), _jsx(Heading, {\n      mt: \"1\",\n      _dark: {\n        color: 'warmGray.200'\n      },\n      color: \"coolGray.600\",\n      fontWeight: \"medium\",\n      size: \"xs\",\n      children: \"Sign in to continue!\"\n    }), _jsxs(VStack, {\n      space: 3,\n      mt: \"5\",\n      children: [_jsxs(FormControl, {\n        children: [_jsx(FormControl.Label, {\n          children: \"Email ID\"\n        }), _jsx(Input, {})]\n      }), _jsxs(FormControl, {\n        children: [_jsx(FormControl.Label, {\n          children: \"Password\"\n        }), _jsx(Input, {\n          type: \"password\"\n        }), _jsx(Link, {\n          _text: {\n            fontSize: 'xs',\n            fontWeight: '500',\n            color: 'indigo.500'\n          },\n          alignSelf: \"flex-end\",\n          mt: \"1\",\n          children: \"Forget Password?\"\n        })]\n      }), _jsx(Button, {\n        mt: \"2\",\n        colorScheme: \"indigo\",\n        children: \"Sign in\"\n      }), _jsxs(HStack, {\n        mt: \"6\",\n        justifyContent: \"center\",\n        children: [_jsxs(Text, {\n          fontSize: \"sm\",\n          color: \"coolGray.600\",\n          _dark: {\n            color: 'warmGray.200'\n          },\n          children: [\"I'm a new user.\", ' ']\n        }), _jsx(Link, {\n          _text: {\n            color: 'indigo.500',\n            fontWeight: 'medium',\n            fontSize: 'sm'\n          },\n          href: \"#\",\n          children: \"Sign Up\"\n        })]\n      })]\n    })]\n  });\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","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;;;AAYA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,MAAC,GAAD;AAAK,IAAA,QAAQ,MAAb;AAAc,IAAA,CAAC,EAAC,GAAhB;AAAoB,IAAA,EAAE,EAAC,GAAvB;AAA2B,IAAA,CAAC,EAAC,KAA7B;AAAmC,IAAA,IAAI,EAAC,KAAxC;AAAA,eACE,KAAC,OAAD;AACE,MAAA,IAAI,EAAC,IADP;AAEE,MAAA,UAAU,EAAC,KAFb;AAGE,MAAA,KAAK,EAAC,cAHR;AAIE,MAAA,KAAK,EAAE;AAAEC,QAAAA,KAAK,EAAE;AAAT,OAJT;AAAA;AAAA,MADF,EASE,KAAC,OAAD;AACE,MAAA,EAAE,EAAC,GADL;AAEE,MAAA,KAAK,EAAE;AAAEA,QAAAA,KAAK,EAAE;AAAT,OAFT;AAGE,MAAA,KAAK,EAAC,cAHR;AAIE,MAAA,UAAU,EAAC,QAJb;AAKE,MAAA,IAAI,EAAC,IALP;AAAA;AAAA,MATF,EAmBE,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAE,CAAf;AAAkB,MAAA,EAAE,EAAC,GAArB;AAAA,iBACE,MAAC,WAAD;AAAA,mBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,UADF,EAEE,KAAC,KAAD,KAFF;AAAA,QADF,EAKE,MAAC,WAAD;AAAA,mBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,UADF,EAEE,KAAC,KAAD;AAAO,UAAA,IAAI,EAAC;AAAZ,UAFF,EAGE,KAAC,IAAD;AACE,UAAA,KAAK,EAAE;AAAEC,YAAAA,QAAQ,EAAE,IAAZ;AAAkBC,YAAAA,UAAU,EAAE,KAA9B;AAAqCF,YAAAA,KAAK,EAAE;AAA5C,WADT;AAEE,UAAA,SAAS,EAAC,UAFZ;AAGE,UAAA,EAAE,EAAC,GAHL;AAAA;AAAA,UAHF;AAAA,QALF,EAgBE,KAAC,MAAD;AAAQ,QAAA,EAAE,EAAC,GAAX;AAAe,QAAA,WAAW,EAAC,QAA3B;AAAA;AAAA,QAhBF,EAmBE,MAAC,MAAD;AAAQ,QAAA,EAAE,EAAC,GAAX;AAAe,QAAA,cAAc,EAAC,QAA9B;AAAA,mBACE,MAAC,IAAD;AACE,UAAA,QAAQ,EAAC,IADX;AAEE,UAAA,KAAK,EAAC,cAFR;AAGE,UAAA,KAAK,EAAE;AAAEA,YAAAA,KAAK,EAAE;AAAT,WAHT;AAAA,wCAKkB,GALlB;AAAA,UADF,EAQE,KAAC,IAAD;AACE,UAAA,KAAK,EAAE;AACLA,YAAAA,KAAK,EAAE,YADF;AAELE,YAAAA,UAAU,EAAE,QAFP;AAGLD,YAAAA,QAAQ,EAAE;AAHL,WADT;AAME,UAAA,IAAI,EAAC,GANP;AAAA;AAAA,UARF;AAAA,QAnBF;AAAA,MAnBF;AAAA,IADF;AA6DD,CA9DM","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} from 'native-base';\n\nexport const Example = () => {\n  return (\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  );\n};\n"]},"metadata":{},"sourceType":"module"}