{"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\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function Example() {\n  return _jsx(Box, {\n    alignItems: \"center\",\n    children: _jsx(Pressable, {\n      maxW: \"96\",\n      borderWidth: \"1\",\n      borderColor: \"coolGray.300\",\n      shadow: \"3\",\n      rounded: \"8\",\n      p: \"5\",\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 ? 'coolGray.200' : isHovered ? 'coolGray.200' : 'coolGray.100',\n          style: {\n            transform: [{\n              scale: isPressed ? 0.96 : 1\n            }]\n          },\n          children: [_jsxs(HStack, {\n            alignItems: \"center\",\n            children: [_jsx(Badge, {\n              colorScheme: \"darkBlue\",\n              _text: {\n                color: 'white'\n              },\n              variant: \"solid\",\n              rounded: \"4\",\n              children: \"Business\"\n            }), _jsx(Spacer, {}), _jsx(Text, {\n              fontSize: 10,\n              color: \"coolGray.800\",\n              children: \"1 month ago\"\n            })]\n          }), _jsx(Text, {\n            color: \"coolGray.800\",\n            mt: \"3\",\n            fontWeight: \"medium\",\n            fontSize: \"xl\",\n            children: \"Marketing License\"\n          }), _jsx(Text, {\n            mt: \"2\",\n            fontSize: \"sm\",\n            color: \"coolGray.700\",\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              textDecorationLine: \"underline\",\n              color: \"darkBlue.600\",\n              alignSelf: \"flex-start\",\n              children: \"Read More\"\n            }) : _jsx(Text, {\n              mt: \"2\",\n              fontSize: 12,\n              fontWeight: \"medium\",\n              color: \"darkBlue.600\",\n              children: \"Read More\"\n            })\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","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,KAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAA,cACE,KAAC,SAAD;AACE,MAAA,IAAI,EAAC,IADP;AAEE,MAAA,WAAW,EAAC,GAFd;AAGE,MAAA,WAAW,EAAC,cAHd;AAIE,MAAA,MAAM,EAAC,GAJT;AAKE,MAAA,OAAO,EAAC,GALV;AAME,MAAA,CAAC,EAAC,GANJ;AAAA,gBAQG,wBAAyC;AAAA,YAAtCC,SAAsC,QAAtCA,SAAsC;AAAA,YAA3BC,SAA2B,QAA3BA,SAA2B;AAAA,YAAhBC,SAAgB,QAAhBA,SAAgB;AACxC,eACE,MAAC,GAAD;AACE,UAAA,EAAE,EACAA,SAAS,GACL,cADK,GAELF,SAAS,GACT,cADS,GAET,cANR;AAQE,UAAA,KAAK,EAAE;AACLG,YAAAA,SAAS,EAAE,CACT;AACEC,cAAAA,KAAK,EAAEF,SAAS,GAAG,IAAH,GAAU;AAD5B,aADS;AADN,WART;AAAA,qBAgBE,MAAC,MAAD;AAAQ,YAAA,UAAU,EAAC,QAAnB;AAAA,uBACE,KAAC,KAAD;AACE,cAAA,WAAW,EAAC,UADd;AAEE,cAAA,KAAK,EAAE;AAAEG,gBAAAA,KAAK,EAAE;AAAT,eAFT;AAGE,cAAA,OAAO,EAAC,OAHV;AAIE,cAAA,OAAO,EAAC,GAJV;AAAA;AAAA,cADF,EASE,KAAC,MAAD,KATF,EAUE,KAAC,IAAD;AAAM,cAAA,QAAQ,EAAE,EAAhB;AAAoB,cAAA,KAAK,EAAC,cAA1B;AAAA;AAAA,cAVF;AAAA,YAhBF,EA8BE,KAAC,IAAD;AACE,YAAA,KAAK,EAAC,cADR;AAEE,YAAA,EAAE,EAAC,GAFL;AAGE,YAAA,UAAU,EAAC,QAHb;AAIE,YAAA,QAAQ,EAAC,IAJX;AAAA;AAAA,YA9BF,EAsCE,KAAC,IAAD;AAAM,YAAA,EAAE,EAAC,GAAT;AAAa,YAAA,QAAQ,EAAC,IAAtB;AAA2B,YAAA,KAAK,EAAC,cAAjC;AAAA;AAAA,YAtCF,EA0CE,KAAC,IAAD;AAAA,sBACGJ,SAAS,GACR,KAAC,IAAD;AACE,cAAA,EAAE,EAAC,GADL;AAEE,cAAA,QAAQ,EAAE,EAFZ;AAGE,cAAA,UAAU,EAAC,QAHb;AAIE,cAAA,kBAAkB,EAAC,WAJrB;AAKE,cAAA,KAAK,EAAC,cALR;AAME,cAAA,SAAS,EAAC,YANZ;AAAA;AAAA,cADQ,GAYR,KAAC,IAAD;AACE,cAAA,EAAE,EAAC,GADL;AAEE,cAAA,QAAQ,EAAE,EAFZ;AAGE,cAAA,UAAU,EAAC,QAHb;AAIE,cAAA,KAAK,EAAC,cAJR;AAAA;AAAA;AAbJ,YA1CF;AAAA,UADF;AAoED;AA7EH;AADF,IADF;AAmFD","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\n        maxW=\"96\"\n        borderWidth=\"1\"\n        borderColor=\"coolGray.300\"\n        shadow=\"3\"\n        rounded=\"8\"\n        p=\"5\"\n      >\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            >\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"}