{"ast":null,"code":"import React from 'react';\nimport { Button, useContrastText } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\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 _jsxs(_Fragment, {\n    children: [_jsx(Button, {\n      bg: bgDark,\n      _text: {\n        color: colorContrastDark\n      },\n      my: 6,\n      children: \"NativeBase\"\n    }), _jsx(Button, {\n      bg: bgLight,\n      _text: {\n        color: colorContrastLight\n      },\n      children: \"NativeBase\"\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useContrastText/Basic.tsx"],"names":["React","Button","useContrastText","Example","bgDark","bgLight","colorContrastDark","colorContrastLight","color"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,eAAjB;;;;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;AAEA,SACE;AAAA,eACE,KAAC,MAAD;AAAQ,MAAA,EAAE,EAAED,MAAZ;AAAoB,MAAA,KAAK,EAAE;AAAEI,QAAAA,KAAK,EAAEF;AAAT,OAA3B;AAAyD,MAAA,EAAE,EAAE,CAA7D;AAAA;AAAA,MADF,EAIE,KAAC,MAAD;AAAQ,MAAA,EAAE,EAAED,OAAZ;AAAqB,MAAA,KAAK,EAAE;AAAEG,QAAAA,KAAK,EAAED;AAAT,OAA5B;AAAA;AAAA,MAJF;AAAA,IADF;AAUD,CAhBM","sourcesContent":["import React from 'react';\nimport { Button, 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\n  return (\n    <>\n      <Button bg={bgDark} _text={{ color: colorContrastDark }} my={6}>\n        NativeBase\n      </Button>\n      <Button bg={bgLight} _text={{ color: colorContrastLight }}>\n        NativeBase\n      </Button>\n    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}