{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useContrastText/Variations.tsx\";\n\nimport React from 'react';\nimport { Button, useContrastText, useAccessibleColors, useTheme } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\n\nvar ButtonTemplate = function ButtonTemplate(_ref) {\n  var shade = _ref.shade;\n  var colorContrast = useContrastText(\"teal.\" + shade);\n  return React.createElement(Button, {\n    key: \"primary.\" + shade,\n    bg: \"primary.\" + shade,\n    _text: {\n      color: colorContrast\n    },\n    mb: 1\n  }, \"NativeBase\");\n};\n\nexport var Example = function Example() {\n  var _useAccessibleColors = useAccessibleColors(),\n      _useAccessibleColors2 = _slicedToArray(_useAccessibleColors, 3),\n      toggleAccessibleColors = _useAccessibleColors2[2];\n\n  var _useTheme = useTheme(),\n      colors = _useTheme.colors;\n\n  return React.createElement(React.Fragment, null, Object.keys(colors.primary).map(function (key) {\n    return React.createElement(ButtonTemplate, {\n      shade: key\n    });\n  }), React.createElement(Button, {\n    mt: 2,\n    onPress: toggleAccessibleColors,\n    colorScheme: \"indigo\"\n  }, \"Toggle Accessible Colors\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useContrastText/Variations.tsx"],"names":["React","Button","useContrastText","useAccessibleColors","useTheme","ButtonTemplate","shade","colorContrast","color","Example","toggleAccessibleColors","colors","Object","keys","primary","map","key"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,MADF,EAEEC,eAFF,EAGEC,mBAHF,EAIEC,QAJF;;AAOA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAAoB;AAAA,MAAjBC,KAAiB,QAAjBA,KAAiB;AACzC,MAAMC,aAAa,GAAGL,eAAe,WAASI,KAAT,CAArC;AACA,SACE,oBAAC,MAAD;AACE,IAAA,GAAG,eAAaA,KADlB;AAEE,IAAA,EAAE,eAAaA,KAFjB;AAGE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAED;AAAT,KAHT;AAIE,IAAA,EAAE,EAAE;AAJN,kBADF;AAUD,CAZD;;AAcA,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,6BACQN,mBAAmB,EAD3B;AAAA;AAAA,MAClBO,sBADkB;;AAAA,kBAERN,QAAQ,EAFA;AAAA,MAEnBO,MAFmB,aAEnBA,MAFmB;;AAI3B,SACE,0CACGC,MAAM,CAACC,IAAP,CAAYF,MAAM,CAACG,OAAnB,EAA4BC,GAA5B,CAAgC,UAACC,GAAD;AAAA,WAC/B,oBAAC,cAAD;AAAgB,MAAA,KAAK,EAAEA;AAAvB,MAD+B;AAAA,GAAhC,CADH,EAIE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAE,CAAZ;AAAe,IAAA,OAAO,EAAEN,sBAAxB;AAAgD,IAAA,WAAW,EAAC;AAA5D,gCAJF,CADF;AAUD,CAdM","sourcesContent":["import React from 'react';\nimport {\n  Button,\n  useContrastText,\n  useAccessibleColors,\n  useTheme,\n} from 'native-base';\n\nconst ButtonTemplate = ({ shade }: any) => {\n  const colorContrast = useContrastText(`teal.${shade}`);\n  return (\n    <Button\n      key={`primary.${shade}`}\n      bg={`primary.${shade}`}\n      _text={{ color: colorContrast }}\n      mb={1}\n    >\n      NativeBase\n    </Button>\n  );\n};\n\nexport const Example = () => {\n  let [, , toggleAccessibleColors] = useAccessibleColors();\n  const { colors } = useTheme();\n\n  return (\n    <>\n      {Object.keys(colors.primary).map((key) => (\n        <ButtonTemplate shade={key} />\n      ))}\n      <Button mt={2} onPress={toggleAccessibleColors} colorScheme=\"indigo\">\n        Toggle Accessible Colors\n      </Button>\n    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}