{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Button, useContrastText, useAccessibleColors, useTheme } 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\";\n\nvar ButtonTemplate = function ButtonTemplate(_ref) {\n  var shade = _ref.shade;\n  var colorContrast = useContrastText(\"yellow.\" + shade);\n  return _jsx(Button, {\n    colorScheme: \"yellow\",\n    bg: \"yellow.\" + shade,\n    _text: {\n      color: colorContrast\n    },\n    mb: 1,\n    children: \"Save Changes\"\n  }, \"yellow.\" + shade);\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 _jsxs(_Fragment, {\n    children: [Object.keys(colors.yellow).map(function (key, index) {\n      if (index > 2 && index < 9) return _jsx(ButtonTemplate, {\n        shade: key\n      });\n    }), _jsx(Button, {\n      mt: \"10\",\n      onPress: toggleAccessibleColors,\n      colorScheme: \"primary\",\n      children: \"Toggle Accessible Colors\"\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/hooks/useAccessibleColors/Basic.tsx"],"names":["React","Button","useContrastText","useAccessibleColors","useTheme","ButtonTemplate","shade","colorContrast","color","Example","toggleAccessibleColors","colors","Object","keys","yellow","map","key","index"],"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,aAAWI,KAAX,CAArC;AACA,SACE,KAAC,MAAD;AACE,IAAA,WAAW,EAAC,QADd;AAGE,IAAA,EAAE,cAAYA,KAHhB;AAIE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAED;AAAT,KAJT;AAKE,IAAA,EAAE,EAAE,CALN;AAAA;AAAA,iBAEiBD,KAFjB,CADF;AAWD,CAbD;;AAeA,OAAO,IAAMG,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,6BACQN,mBAAmB,EAD3B;AAAA;AAAA,MAClBO,sBADkB;;AAAA,kBAERN,QAAQ,EAFA;AAAA,MAEnBO,MAFmB,aAEnBA,MAFmB;;AAI3B,SACE;AAAA,eACGC,MAAM,CAACC,IAAP,CAAYF,MAAM,CAACG,MAAnB,EAA2BC,GAA3B,CAA+B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AAC9C,UAAIA,KAAK,GAAG,CAAR,IAAaA,KAAK,GAAG,CAAzB,EAA4B,OAAO,KAAC,cAAD;AAAgB,QAAA,KAAK,EAAED;AAAvB,QAAP;AAC7B,KAFA,CADH,EAIE,KAAC,MAAD;AAAQ,MAAA,EAAE,EAAC,IAAX;AAAgB,MAAA,OAAO,EAAEN,sBAAzB;AAAiD,MAAA,WAAW,EAAC,SAA7D;AAAA;AAAA,MAJF;AAAA,IADF;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(`yellow.${shade}`);\n  return (\n    <Button\n      colorScheme=\"yellow\"\n      key={`yellow.${shade}`}\n      bg={`yellow.${shade}`}\n      _text={{ color: colorContrast }}\n      mb={1}\n    >\n      Save Changes\n    </Button>\n  );\n};\n\nexport const Example = () => {\n  let [, , toggleAccessibleColors] = useAccessibleColors();\n  const { colors } = useTheme();\n\n  return (\n    <>\n      {Object.keys(colors.yellow).map((key, index) => {\n        if (index > 2 && index < 9) return <ButtonTemplate shade={key} />;\n      })}\n      <Button mt=\"10\" onPress={toggleAccessibleColors} colorScheme=\"primary\">\n        Toggle Accessible Colors\n      </Button>\n    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}