{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/extends\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Slide, Button, Box, Heading, VStack, HStack, Text, Spacer, WarningIcon, Input, Center, useSafeArea } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      isOpen = _React$useState2[0],\n      setIsOpen = _React$useState2[1];\n\n  var safeAreaProps = useSafeArea({\n    safeAreaTop: true\n  });\n  return React.createElement(Center, null, React.createElement(Box, {\n    w: ['250', '300']\n  }, React.createElement(Box, {\n    w: \"100%\",\n    alignItems: \"flex-start\",\n    justifyContent: \"center\"\n  }, React.createElement(VStack, {\n    space: 3,\n    w: \"100%\"\n  }, React.createElement(HStack, {\n    alignItems: \"flex-end\"\n  }, React.createElement(Heading, null, \"Order\"), React.createElement(Spacer, null), React.createElement(WarningIcon, {\n    color: \"orange.600\",\n    size: \"xs\",\n    mb: \"1.5\"\n  })), React.createElement(HStack, {\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n  }, React.createElement(Text, {\n    fontWeight: \"medium\"\n  }, \"Sub Total\"), React.createElement(Text, {\n    color: \"blueGray.400\"\n  }, \"$298.77\")), React.createElement(HStack, {\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n  }, React.createElement(Text, {\n    fontWeight: \"medium\"\n  }, \"Tax\"), React.createElement(Text, {\n    color: \"blueGray.400\"\n  }, \"$38.84\")), React.createElement(HStack, {\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n  }, React.createElement(Text, {\n    fontWeight: \"medium\"\n  }, \"Total Amount\"), React.createElement(Text, {\n    color: \"green.500\"\n  }, \"$337.61\")), React.createElement(VStack, {\n    space: 2,\n    mt: \"2\"\n  }, React.createElement(Text, {\n    bold: true\n  }, \"Promo Code\"), React.createElement(HStack, {\n    space: 3\n  }, React.createElement(Input, {\n    flex: \"1\"\n  }), React.createElement(Button, {\n    variant: \"outline\"\n  }, \"Apply\"))), React.createElement(Button, {\n    my: \"2\",\n    onPress: function onPress() {\n      return setIsOpen(!isOpen);\n    }\n  }, \"Place Order\"))), React.createElement(Slide, {\n    in: isOpen,\n    placement: \"top\"\n  }, React.createElement(Box, _extends({\n    p: \"2\",\n    _text: {\n      color: 'orange.600'\n    },\n    bg: \"orange.200\"\n  }, safeAreaProps), \"Due to government restrictions around COVID- 19, you may experience a delay in your delivery.\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Transitions/SlideComposition.tsx"],"names":["React","Slide","Button","Box","Heading","VStack","HStack","Text","Spacer","WarningIcon","Input","Center","useSafeArea","Example","useState","isOpen","setIsOpen","safeAreaProps","safeAreaTop","color"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KADF,EAEEC,MAFF,EAGEC,GAHF,EAIEC,OAJF,EAKEC,MALF,EAMEC,MANF,EAOEC,IAPF,EAQEC,MARF,EASEC,WATF,EAUEC,KAVF,EAWEC,MAXF,EAYEC,WAZF;AAcA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACCb,KAAK,CAACc,QAAN,CAAe,KAAf,CADD;AAAA;AAAA,MACpBC,MADoB;AAAA,MACZC,SADY;;AAE3B,MAAMC,aAAa,GAAGL,WAAW,CAAC;AAChCM,IAAAA,WAAW,EAAE;AADmB,GAAD,CAAjC;AAGA,SACE,oBAAC,MAAD,QACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAE,CAAC,KAAD,EAAQ,KAAR;AAAR,KACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,MAAP;AAAc,IAAA,UAAU,EAAC,YAAzB;AAAsC,IAAA,cAAc,EAAC;AAArD,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,CAAC,EAAC;AAApB,KACE,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC;AAAnB,KACE,oBAAC,OAAD,gBADF,EAEE,oBAAC,MAAD,OAFF,EAGE,oBAAC,WAAD;AAAa,IAAA,KAAK,EAAC,YAAnB;AAAgC,IAAA,IAAI,EAAC,IAArC;AAA0C,IAAA,EAAE,EAAC;AAA7C,IAHF,CADF,EAME,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC,QAAnB;AAA4B,IAAA,cAAc,EAAC;AAA3C,KACE,oBAAC,IAAD;AAAM,IAAA,UAAU,EAAC;AAAjB,iBADF,EAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC;AAAZ,eAFF,CANF,EAUE,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC,QAAnB;AAA4B,IAAA,cAAc,EAAC;AAA3C,KACE,oBAAC,IAAD;AAAM,IAAA,UAAU,EAAC;AAAjB,WADF,EAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC;AAAZ,cAFF,CAVF,EAcE,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC,QAAnB;AAA4B,IAAA,cAAc,EAAC;AAA3C,KACE,oBAAC,IAAD;AAAM,IAAA,UAAU,EAAC;AAAjB,oBADF,EAEE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAC;AAAZ,eAFF,CAdF,EAkBE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAC;AAArB,KACE,oBAAC,IAAD;AAAM,IAAA,IAAI;AAAV,kBADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,KACE,oBAAC,KAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,IADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,aAFF,CAFF,CAlBF,EAyBE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,OAAO,EAAE;AAAA,aAAMF,SAAS,CAAC,CAACD,MAAF,CAAf;AAAA;AAAxB,mBAzBF,CADF,CADF,EAgCE,oBAAC,KAAD;AAAO,IAAA,EAAE,EAAEA,MAAX;AAAmB,IAAA,SAAS,EAAC;AAA7B,KACE,oBAAC,GAAD;AACE,IAAA,CAAC,EAAC,GADJ;AAEE,IAAA,KAAK,EAAE;AACLI,MAAAA,KAAK,EAAE;AADF,KAFT;AAKE,IAAA,EAAE,EAAC;AALL,KAMMF,aANN,mGADF,CAhCF,CADF,CADF;AAkDD,CAvDM","sourcesContent":["import React from 'react';\nimport {\n  Slide,\n  Button,\n  Box,\n  Heading,\n  VStack,\n  HStack,\n  Text,\n  Spacer,\n  WarningIcon,\n  Input,\n  Center,\n  useSafeArea,\n} from 'native-base';\nexport const Example = () => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const safeAreaProps = useSafeArea({\n    safeAreaTop: true,\n  });\n  return (\n    <Center>\n      <Box w={['250', '300']}>\n        <Box w=\"100%\" alignItems=\"flex-start\" justifyContent=\"center\">\n          <VStack space={3} w=\"100%\">\n            <HStack alignItems=\"flex-end\">\n              <Heading>Order</Heading>\n              <Spacer />\n              <WarningIcon color=\"orange.600\" size=\"xs\" mb=\"1.5\" />\n            </HStack>\n            <HStack alignItems=\"center\" justifyContent=\"space-between\">\n              <Text fontWeight=\"medium\">Sub Total</Text>\n              <Text color=\"blueGray.400\">$298.77</Text>\n            </HStack>\n            <HStack alignItems=\"center\" justifyContent=\"space-between\">\n              <Text fontWeight=\"medium\">Tax</Text>\n              <Text color=\"blueGray.400\">$38.84</Text>\n            </HStack>\n            <HStack alignItems=\"center\" justifyContent=\"space-between\">\n              <Text fontWeight=\"medium\">Total Amount</Text>\n              <Text color=\"green.500\">$337.61</Text>\n            </HStack>\n            <VStack space={2} mt=\"2\">\n              <Text bold>Promo Code</Text>\n              <HStack space={3}>\n                <Input flex=\"1\" />\n                <Button variant=\"outline\">Apply</Button>\n              </HStack>\n            </VStack>\n            <Button my=\"2\" onPress={() => setIsOpen(!isOpen)}>\n              Place Order\n            </Button>\n          </VStack>\n        </Box>\n        <Slide in={isOpen} placement=\"top\">\n          <Box\n            p=\"2\"\n            _text={{\n              color: 'orange.600',\n            }}\n            bg=\"orange.200\"\n            {...safeAreaProps}\n          >\n            Due to government restrictions around COVID- 19, you may experience\n            a delay in your delivery.\n          </Box>\n        </Slide>\n      </Box>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}