{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Button, useContrastText, useAccessibleColors, useTheme, Center, HStack, Switch, Text, Stack } 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(\"emerald.\" + shade);\n  return React.createElement(Center, null, React.createElement(Button, {\n    colorScheme: \"emerald\",\n    key: \"emerald.\" + shade,\n    bg: \"emerald.\" + shade,\n    _text: {\n      color: colorContrast\n    },\n    mb: 1\n  }, \"Save\"));\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(Center, null, React.createElement(Stack, {\n    space: \"3\",\n    direction: ['column', 'row']\n  }, Object.keys(colors.yellow).map(function (key, index) {\n    if (index > 2 && index < 9) return React.createElement(ButtonTemplate, {\n      shade: key\n    });\n  })), React.createElement(HStack, {\n    mt: \"6\",\n    space: \"3\"\n  }, React.createElement(Text, null, \"Toggle Accessible Colors\"), React.createElement(Switch, {\n    onToggle: toggleAccessibleColors,\n    colorScheme: \"coolGray\"\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","Center","HStack","Switch","Text","Stack","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,EAKEC,MALF,EAMEC,MANF,EAOEC,MAPF,EAQEC,IARF,EASEC,KATF;;AAYA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAAoB;AAAA,MAAjBC,KAAiB,QAAjBA,KAAiB;AACzC,MAAMC,aAAa,GAAGV,eAAe,cAAYS,KAAZ,CAArC;AACA,SACE,oBAAC,MAAD,QACE,oBAAC,MAAD;AACE,IAAA,WAAW,EAAC,SADd;AAEE,IAAA,GAAG,eAAaA,KAFlB;AAGE,IAAA,EAAE,eAAaA,KAHjB;AAIE,IAAA,KAAK,EAAE;AACLE,MAAAA,KAAK,EAAED;AADF,KAJT;AAOE,IAAA,EAAE,EAAE;AAPN,YADF,CADF;AAeD,CAjBD;;AAmBA,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,6BACUX,mBAAmB,EAD7B;AAAA;AAAA,MAChBY,sBADgB;;AAAA,kBAERX,QAAQ,EAFA;AAAA,MAEnBY,MAFmB,aAEnBA,MAFmB;;AAG3B,SACE,oBAAC,MAAD,QACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAC,GAAb;AAAiB,IAAA,SAAS,EAAE,CAAC,QAAD,EAAW,KAAX;AAA5B,KACGC,MAAM,CAACC,IAAP,CAAYF,MAAM,CAACG,MAAnB,EAA2BC,GAA3B,CAA+B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AAC9C,QAAIA,KAAK,GAAG,CAAR,IAAaA,KAAK,GAAG,CAAzB,EAA4B,OAAO,oBAAC,cAAD;AAAgB,MAAA,KAAK,EAAED;AAAvB,MAAP;AAC7B,GAFA,CADH,CADF,EAME,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,KAAK,EAAC;AAArB,KACE,oBAAC,IAAD,mCADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,QAAQ,EAAEN,sBAAlB;AAA0C,IAAA,WAAW,EAAC;AAAtD,IAFF,CANF,CADF;AAaD,CAhBM","sourcesContent":["import React from 'react';\nimport {\n  Button,\n  useContrastText,\n  useAccessibleColors,\n  useTheme,\n  Center,\n  HStack,\n  Switch,\n  Text,\n  Stack,\n} from 'native-base';\n\nconst ButtonTemplate = ({ shade }: any) => {\n  const colorContrast = useContrastText(`emerald.${shade}`);\n  return (\n    <Center>\n      <Button\n        colorScheme=\"emerald\"\n        key={`emerald.${shade}`}\n        bg={`emerald.${shade}`}\n        _text={{\n          color: colorContrast,\n        }}\n        mb={1}\n      >\n        Save\n      </Button>\n    </Center>\n  );\n};\n\nexport const Example = () => {\n  const [, , toggleAccessibleColors] = useAccessibleColors();\n  const { colors } = useTheme();\n  return (\n    <Center>\n      <Stack space=\"3\" direction={['column', 'row']}>\n        {Object.keys(colors.yellow).map((key, index) => {\n          if (index > 2 && index < 9) return <ButtonTemplate shade={key} />;\n        })}\n      </Stack>\n      <HStack mt=\"6\" space=\"3\">\n        <Text>Toggle Accessible Colors</Text>\n        <Switch onToggle={toggleAccessibleColors} colorScheme=\"coolGray\" />\n      </HStack>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}