{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Checkbox, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { boolean, select, text } from '@storybook/addon-knobs';\nexport var Example = function Example() {\n  var _React$useState = React.useState(true),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      toggleCheckBox = _React$useState2[0],\n      setToggleCheckBox = _React$useState2[1];\n\n  var checkboxValue = text('value', 'Cool');\n  return React.createElement(Box, {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\"\n  }, React.createElement(Checkbox, {\n    colorScheme: text('colorScheme', 'primary'),\n    size: select('size', ['sm', 'md', 'lg'], 'md'),\n    isChecked: toggleCheckBox,\n    isDisabled: boolean('isDisabled', false),\n    isInvalid: boolean('isInvalid', false),\n    value: checkboxValue,\n    onChange: function onChange() {\n      setToggleCheckBox(!toggleCheckBox);\n    }\n  }, \"Yes\"));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Checkbox/playground.tsx"],"names":["React","Checkbox","Box","boolean","select","text","Example","useState","toggleCheckBox","setToggleCheckBox","checkboxValue"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,GAAnB;AACA,SAASC,OAAT,EAAkBC,MAAlB,EAA0BC,IAA1B,QAAsC,wBAAtC;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACiBN,KAAK,CAACO,QAAN,CAAe,IAAf,CADjB;AAAA;AAAA,MACpBC,cADoB;AAAA,MACJC,iBADI;;AAE3B,MAAMC,aAAa,GAAGL,IAAI,CAAC,OAAD,EAAU,MAAV,CAA1B;AACA,SACE,oBAAC,GAAD;AAAK,IAAA,OAAO,EAAC,MAAb;AAAoB,IAAA,cAAc,EAAC,eAAnC;AAAmD,IAAA,UAAU,EAAC;AAA9D,KACE,oBAAC,QAAD;AACE,IAAA,WAAW,EAAEA,IAAI,CAAC,aAAD,EAAgB,SAAhB,CADnB;AAEE,IAAA,IAAI,EAAED,MAAM,CAAC,MAAD,EAAS,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,CAAT,EAA6B,IAA7B,CAFd;AAGE,IAAA,SAAS,EAAEI,cAHb;AAIE,IAAA,UAAU,EAAEL,OAAO,CAAC,YAAD,EAAe,KAAf,CAJrB;AAKE,IAAA,SAAS,EAAEA,OAAO,CAAC,WAAD,EAAc,KAAd,CALpB;AAME,IAAA,KAAK,EAAEO,aANT;AAOE,IAAA,QAAQ,EAAE,oBAAM;AACdD,MAAAA,iBAAiB,CAAC,CAACD,cAAF,CAAjB;AACD;AATH,WADF,CADF;AAiBD,CApBM","sourcesContent":["import React from 'react';\nimport { Checkbox, Box } from 'native-base';\nimport { boolean, select, text } from '@storybook/addon-knobs';\n\nexport const Example = () => {\n  const [toggleCheckBox, setToggleCheckBox] = React.useState(true);\n  const checkboxValue = text('value', 'Cool');\n  return (\n    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\n      <Checkbox\n        colorScheme={text('colorScheme', 'primary')}\n        size={select('size', ['sm', 'md', 'lg'], 'md')}\n        isChecked={toggleCheckBox}\n        isDisabled={boolean('isDisabled', false)}\n        isInvalid={boolean('isInvalid', false)}\n        value={checkboxValue}\n        onChange={() => {\n          setToggleCheckBox(!toggleCheckBox);\n        }}\n      >\n        Yes\n      </Checkbox>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}