{"ast":null,"code":"import React from 'react';\nimport { Pressable, Text, Box, HStack, Spacer, Flex, Badge } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(Pressable, {\n    maxW: \"96\"\n  }, function (_ref) {\n    var isHovered = _ref.isHovered,\n        isFocused = _ref.isFocused,\n        isPressed = _ref.isPressed;\n    return React.createElement(Box, {\n      bg: isPressed ? 'coolGray.200' : isHovered ? 'coolGray.200' : 'coolGray.100',\n      style: {\n        transform: [{\n          scale: isPressed ? 0.96 : 1\n        }]\n      },\n      p: \"3\",\n      rounded: \"8\",\n      shadow: 3\n    }, React.createElement(HStack, {\n      alignItems: \"center\"\n    }, React.createElement(Badge, {\n      colorScheme: \"darkBlue\",\n      _text: {\n        color: 'white'\n      },\n      variant: \"solid\",\n      rounded: \"4\"\n    }, \"Business\"), React.createElement(Spacer, null), React.createElement(Text, {\n      fontSize: 10,\n      color: \"coolGray.800\"\n    }, \"1 month ago\")), React.createElement(Text, {\n      color: \"coolGray.800\",\n      mt: \"3\",\n      fontWeight: \"medium\",\n      fontSize: \"xl\"\n    }, \"Marketing License\"), React.createElement(Text, {\n      mt: \"2\",\n      fontSize: \"sm\",\n      color: \"coolGray.700\"\n    }, \"Unlock powerfull time-saving tools for creating email delivery and collecting marketing data\"), React.createElement(Flex, null, isFocused ? React.createElement(Text, {\n      mt: \"2\",\n      fontSize: 12,\n      fontWeight: \"medium\",\n      textDecorationLine: \"underline\",\n      color: \"darkBlue.600\",\n      alignSelf: \"flex-start\"\n    }, \"Read More\") : React.createElement(Text, {\n      mt: \"2\",\n      fontSize: 12,\n      fontWeight: \"medium\",\n      color: \"darkBlue.600\"\n    }, \"Read More\")));\n  }));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Pressable/Events.tsx"],"names":["React","Pressable","Text","Box","HStack","Spacer","Flex","Badge","Example","isHovered","isFocused","isPressed","transform","scale","color"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,GAA1B,EAA+BC,MAA/B,EAAuCC,MAAvC,EAA+CC,IAA/C,EAAqDC,KAArD;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAC;AAAhB,KACG,gBAAyC;AAAA,QAAtCC,SAAsC,QAAtCA,SAAsC;AAAA,QAA3BC,SAA2B,QAA3BA,SAA2B;AAAA,QAAhBC,SAAgB,QAAhBA,SAAgB;AACxC,WACE,oBAAC,GAAD;AACE,MAAA,EAAE,EACAA,SAAS,GACL,cADK,GAELF,SAAS,GACT,cADS,GAET,cANR;AAQE,MAAA,KAAK,EAAE;AACLG,QAAAA,SAAS,EAAE,CACT;AACEC,UAAAA,KAAK,EAAEF,SAAS,GAAG,IAAH,GAAU;AAD5B,SADS;AADN,OART;AAeE,MAAA,CAAC,EAAC,GAfJ;AAgBE,MAAA,OAAO,EAAC,GAhBV;AAiBE,MAAA,MAAM,EAAE;AAjBV,OAmBE,oBAAC,MAAD;AAAQ,MAAA,UAAU,EAAC;AAAnB,OACE,oBAAC,KAAD;AACE,MAAA,WAAW,EAAC,UADd;AAEE,MAAA,KAAK,EAAE;AAAEG,QAAAA,KAAK,EAAE;AAAT,OAFT;AAGE,MAAA,OAAO,EAAC,OAHV;AAIE,MAAA,OAAO,EAAC;AAJV,kBADF,EASE,oBAAC,MAAD,OATF,EAUE,oBAAC,IAAD;AAAM,MAAA,QAAQ,EAAE,EAAhB;AAAoB,MAAA,KAAK,EAAC;AAA1B,qBAVF,CAnBF,EAiCE,oBAAC,IAAD;AACE,MAAA,KAAK,EAAC,cADR;AAEE,MAAA,EAAE,EAAC,GAFL;AAGE,MAAA,UAAU,EAAC,QAHb;AAIE,MAAA,QAAQ,EAAC;AAJX,2BAjCF,EAyCE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAC,GAAT;AAAa,MAAA,QAAQ,EAAC,IAAtB;AAA2B,MAAA,KAAK,EAAC;AAAjC,sGAzCF,EA6CE,oBAAC,IAAD,QACGJ,SAAS,GACR,oBAAC,IAAD;AACE,MAAA,EAAE,EAAC,GADL;AAEE,MAAA,QAAQ,EAAE,EAFZ;AAGE,MAAA,UAAU,EAAC,QAHb;AAIE,MAAA,kBAAkB,EAAC,WAJrB;AAKE,MAAA,KAAK,EAAC,cALR;AAME,MAAA,SAAS,EAAC;AANZ,mBADQ,GAYR,oBAAC,IAAD;AACE,MAAA,EAAE,EAAC,GADL;AAEE,MAAA,QAAQ,EAAE,EAFZ;AAGE,MAAA,UAAU,EAAC,QAHb;AAIE,MAAA,KAAK,EAAC;AAJR,mBAbJ,CA7CF,CADF;AAuED,GAzEH,CADF,CADF;AA+ED","sourcesContent":["import React from 'react';\nimport { Pressable, Text, Box, HStack, Spacer, Flex, Badge } from 'native-base';\n\nexport function Example() {\n  return (\n    <Box alignItems=\"center\">\n      <Pressable maxW=\"96\">\n        {({ isHovered, isFocused, isPressed }) => {\n          return (\n            <Box\n              bg={\n                isPressed\n                  ? 'coolGray.200'\n                  : isHovered\n                  ? 'coolGray.200'\n                  : 'coolGray.100'\n              }\n              style={{\n                transform: [\n                  {\n                    scale: isPressed ? 0.96 : 1,\n                  },\n                ],\n              }}\n              p=\"3\"\n              rounded=\"8\"\n              shadow={3}\n            >\n              <HStack alignItems=\"center\">\n                <Badge\n                  colorScheme=\"darkBlue\"\n                  _text={{ color: 'white' }}\n                  variant=\"solid\"\n                  rounded=\"4\"\n                >\n                  Business\n                </Badge>\n                <Spacer />\n                <Text fontSize={10} color=\"coolGray.800\">\n                  1 month ago\n                </Text>\n              </HStack>\n              <Text\n                color=\"coolGray.800\"\n                mt=\"3\"\n                fontWeight=\"medium\"\n                fontSize=\"xl\"\n              >\n                Marketing License\n              </Text>\n              <Text mt=\"2\" fontSize=\"sm\" color=\"coolGray.700\">\n                Unlock powerfull time-saving tools for creating email delivery\n                and collecting marketing data\n              </Text>\n              <Flex>\n                {isFocused ? (\n                  <Text\n                    mt=\"2\"\n                    fontSize={12}\n                    fontWeight=\"medium\"\n                    textDecorationLine=\"underline\"\n                    color=\"darkBlue.600\"\n                    alignSelf=\"flex-start\"\n                  >\n                    Read More\n                  </Text>\n                ) : (\n                  <Text\n                    mt=\"2\"\n                    fontSize={12}\n                    fontWeight=\"medium\"\n                    color=\"darkBlue.600\"\n                  >\n                    Read More\n                  </Text>\n                )}\n              </Flex>\n            </Box>\n          );\n        }}\n      </Pressable>\n    </Box>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}