{"ast":null,"code":"import React from 'react';\nimport { Pressable, Text, Box, HStack, Spacer, Flex } 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 function Example() {\n  return _jsx(Pressable, {\n    children: function children(_ref) {\n      var isHovered = _ref.isHovered,\n          isFocused = _ref.isFocused,\n          isPressed = _ref.isPressed;\n      return _jsxs(Box, {\n        bg: isPressed ? 'cyan.900' : isHovered ? 'cyan.800' : 'cyan.700',\n        p: \"5\",\n        rounded: \"8\",\n        style: {\n          transform: [{\n            scale: isPressed ? 0.96 : 1\n          }]\n        },\n        children: [_jsxs(HStack, {\n          alignItems: \"flex-start\",\n          children: [_jsx(Text, {\n            fontSize: 12,\n            color: \"cyan.50\",\n            fontWeight: \"medium\",\n            children: \"Business\"\n          }), _jsx(Spacer, {}), _jsx(Text, {\n            fontSize: 10,\n            color: \"cyan.100\",\n            children: \"1 month ago\"\n          })]\n        }), _jsx(Text, {\n          color: \"cyan.50\",\n          mt: \"3\",\n          fontWeight: \"medium\",\n          fontSize: 20,\n          children: \"Marketing License\"\n        }), _jsx(Text, {\n          mt: \"2\",\n          fontSize: 14,\n          color: \"cyan.100\",\n          children: \"Unlock powerfull time-saving tools for creating email delivery and collecting marketing data\"\n        }), _jsx(Flex, {\n          children: isFocused ? _jsx(Text, {\n            mt: \"2\",\n            fontSize: 12,\n            fontWeight: \"medium\",\n            bg: \"cyan.500\",\n            color: \"cyan.200\",\n            alignSelf: \"flex-start\",\n            children: \"Read More\"\n          }) : _jsx(Text, {\n            mt: \"2\",\n            fontSize: 12,\n            fontWeight: \"medium\",\n            color: \"cyan.400\",\n            children: \"Read More\"\n          })\n        })]\n      });\n    }\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","Example","isHovered","isFocused","isPressed","transform","scale"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,GAA1B,EAA+BC,MAA/B,EAAuCC,MAAvC,EAA+CC,IAA/C;;;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,KAAC,SAAD;AAAA,cACG,wBAAyC;AAAA,UAAtCC,SAAsC,QAAtCA,SAAsC;AAAA,UAA3BC,SAA2B,QAA3BA,SAA2B;AAAA,UAAhBC,SAAgB,QAAhBA,SAAgB;AACxC,aACE,MAAC,GAAD;AACE,QAAA,EAAE,EAAEA,SAAS,GAAG,UAAH,GAAgBF,SAAS,GAAG,UAAH,GAAgB,UADxD;AAEE,QAAA,CAAC,EAAC,GAFJ;AAGE,QAAA,OAAO,EAAC,GAHV;AAIE,QAAA,KAAK,EAAE;AAAEG,UAAAA,SAAS,EAAE,CAAC;AAAEC,YAAAA,KAAK,EAAEF,SAAS,GAAG,IAAH,GAAU;AAA5B,WAAD;AAAb,SAJT;AAAA,mBAME,MAAC,MAAD;AAAQ,UAAA,UAAU,EAAC,YAAnB;AAAA,qBACE,KAAC,IAAD;AAAM,YAAA,QAAQ,EAAE,EAAhB;AAAoB,YAAA,KAAK,EAAC,SAA1B;AAAoC,YAAA,UAAU,EAAC,QAA/C;AAAA;AAAA,YADF,EAIE,KAAC,MAAD,KAJF,EAKE,KAAC,IAAD;AAAM,YAAA,QAAQ,EAAE,EAAhB;AAAoB,YAAA,KAAK,EAAC,UAA1B;AAAA;AAAA,YALF;AAAA,UANF,EAeE,KAAC,IAAD;AAAM,UAAA,KAAK,EAAC,SAAZ;AAAsB,UAAA,EAAE,EAAC,GAAzB;AAA6B,UAAA,UAAU,EAAC,QAAxC;AAAiD,UAAA,QAAQ,EAAE,EAA3D;AAAA;AAAA,UAfF,EAkBE,KAAC,IAAD;AAAM,UAAA,EAAE,EAAC,GAAT;AAAa,UAAA,QAAQ,EAAE,EAAvB;AAA2B,UAAA,KAAK,EAAC,UAAjC;AAAA;AAAA,UAlBF,EAsBE,KAAC,IAAD;AAAA,oBACGD,SAAS,GACR,KAAC,IAAD;AACE,YAAA,EAAE,EAAC,GADL;AAEE,YAAA,QAAQ,EAAE,EAFZ;AAGE,YAAA,UAAU,EAAC,QAHb;AAIE,YAAA,EAAE,EAAC,UAJL;AAKE,YAAA,KAAK,EAAC,UALR;AAME,YAAA,SAAS,EAAC,YANZ;AAAA;AAAA,YADQ,GAYR,KAAC,IAAD;AAAM,YAAA,EAAE,EAAC,GAAT;AAAa,YAAA,QAAQ,EAAE,EAAvB;AAA2B,YAAA,UAAU,EAAC,QAAtC;AAA+C,YAAA,KAAK,EAAC,UAArD;AAAA;AAAA;AAbJ,UAtBF;AAAA,QADF;AA2CD;AA7CH,IADF;AAiDD","sourcesContent":["import React from 'react';\nimport { Pressable, Text, Box, HStack, Spacer, Flex } from 'native-base';\n\nexport function Example() {\n  return (\n    <Pressable>\n      {({ isHovered, isFocused, isPressed }) => {\n        return (\n          <Box\n            bg={isPressed ? 'cyan.900' : isHovered ? 'cyan.800' : 'cyan.700'}\n            p=\"5\"\n            rounded=\"8\"\n            style={{ transform: [{ scale: isPressed ? 0.96 : 1 }] }}\n          >\n            <HStack alignItems=\"flex-start\">\n              <Text fontSize={12} color=\"cyan.50\" fontWeight=\"medium\">\n                Business\n              </Text>\n              <Spacer />\n              <Text fontSize={10} color=\"cyan.100\">\n                1 month ago\n              </Text>\n            </HStack>\n            <Text color=\"cyan.50\" mt=\"3\" fontWeight=\"medium\" fontSize={20}>\n              Marketing License\n            </Text>\n            <Text mt=\"2\" fontSize={14} color=\"cyan.100\">\n              Unlock powerfull time-saving tools for creating email delivery and\n              collecting marketing data\n            </Text>\n            <Flex>\n              {isFocused ? (\n                <Text\n                  mt=\"2\"\n                  fontSize={12}\n                  fontWeight=\"medium\"\n                  bg=\"cyan.500\"\n                  color=\"cyan.200\"\n                  alignSelf=\"flex-start\"\n                >\n                  Read More\n                </Text>\n              ) : (\n                <Text mt=\"2\" fontSize={12} fontWeight=\"medium\" color=\"cyan.400\">\n                  Read More\n                </Text>\n              )}\n            </Flex>\n          </Box>\n        );\n      }}\n    </Pressable>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}