{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useContrastText/Basic.tsx\";\n\nimport React from 'react';\nimport { Button, Center, VStack, useContrastText } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var bgDark = 'gray.900';\n  var bgLight = 'gray.50';\n  var colorContrastDark = useContrastText(bgDark);\n  var colorContrastLight = useContrastText(bgLight);\n  return React.createElement(Center, null, React.createElement(VStack, {\n    space: \"4\"\n  }, React.createElement(Button, {\n    bg: bgDark,\n    _text: {\n      color: colorContrastDark\n    }\n  }, \"NativeBase\"), React.createElement(Button, {\n    bg: bgLight,\n    _text: {\n      color: colorContrastLight\n    }\n  }, \"NativeBase\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useContrastText/Basic.tsx"],"names":["React","Button","Center","VStack","useContrastText","Example","bgDark","bgLight","colorContrastDark","colorContrastLight","color"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,MAAzB,EAAiCC,eAAjC;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,MAAM,GAAG,UAAf;AACA,MAAMC,OAAO,GAAG,SAAhB;AACA,MAAMC,iBAAiB,GAAGJ,eAAe,CAACE,MAAD,CAAzC;AACA,MAAMG,kBAAkB,GAAGL,eAAe,CAACG,OAAD,CAA1C;AACA,SACE,oBAAC,MAAD,QACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAC;AAAd,KACE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAED,MADN;AAEE,IAAA,KAAK,EAAE;AACLI,MAAAA,KAAK,EAAEF;AADF;AAFT,kBADF,EASE,oBAAC,MAAD;AACE,IAAA,EAAE,EAAED,OADN;AAEE,IAAA,KAAK,EAAE;AACLG,MAAAA,KAAK,EAAED;AADF;AAFT,kBATF,CADF,CADF;AAsBD,CA3BM","sourcesContent":["import React from 'react';\nimport { Button, Center, VStack, useContrastText } from 'native-base';\nexport const Example = () => {\n  const bgDark = 'gray.900';\n  const bgLight = 'gray.50';\n  const colorContrastDark = useContrastText(bgDark);\n  const colorContrastLight = useContrastText(bgLight);\n  return (\n    <Center>\n      <VStack space=\"4\">\n        <Button\n          bg={bgDark}\n          _text={{\n            color: colorContrastDark,\n          }}\n        >\n          NativeBase\n        </Button>\n        <Button\n          bg={bgLight}\n          _text={{\n            color: colorContrastLight,\n          }}\n        >\n          NativeBase\n        </Button>\n      </VStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}