{"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/components/primitives/Radio/playground.tsx\";\n\nimport React from 'react';\nimport { Radio, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { boolean, select, text } from '@storybook/addon-knobs';\nimport { useState } from 'react';\nexport var Example = function Example() {\n  var _useState = useState(''),\n      _useState2 = _slicedToArray(_useState, 2),\n      value = _useState2[0],\n      setValue = _useState2[1];\n\n  return React.createElement(Box, {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\"\n  }, React.createElement(Radio.Group, {\n    value: value,\n    onChange: setValue,\n    name: \"exampleGroup\",\n    accessibilityLabel: \"pick an option from below\"\n  }, React.createElement(Radio, {\n    colorScheme: text('colorScheme', 'primary'),\n    size: select('size', ['sm', 'md', 'lg'], 'md'),\n    isDisabled: boolean('isDisabled', false),\n    isInvalid: boolean('isInvalid', false),\n    value: 'cool',\n    my: 1\n  }, \"UX Research\"), React.createElement(Radio, {\n    colorScheme: text('colorScheme', 'primary'),\n    size: select('size', ['sm', 'md', 'lg'], 'md'),\n    isDisabled: boolean('isDisabled', false),\n    isInvalid: boolean('isInvalid', false),\n    value: 'awesome',\n    my: 1\n  }, \"Software Development\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Radio/playground.tsx"],"names":["React","Radio","Box","boolean","select","text","useState","Example","value","setValue"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,GAAhB;AACA,SAASC,OAAT,EAAkBC,MAAlB,EAA0BC,IAA1B,QAAsC,wBAAtC;AACA,SAASC,QAAT,QAAyB,OAAzB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,kBACDD,QAAQ,CAAC,EAAD,CADP;AAAA;AAAA,MACpBE,KADoB;AAAA,MACbC,QADa;;AAG3B,SACE,oBAAC,GAAD;AAAK,IAAA,OAAO,EAAC,MAAb;AAAoB,IAAA,cAAc,EAAC,eAAnC;AAAmD,IAAA,UAAU,EAAC;AAA9D,KACE,oBAAC,KAAD,CAAO,KAAP;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,IAAI,EAAC,cAHP;AAIE,IAAA,kBAAkB,EAAC;AAJrB,KAME,oBAAC,KAAD;AACE,IAAA,WAAW,EAAEJ,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,UAAU,EAAED,OAAO,CAAC,YAAD,EAAe,KAAf,CAHrB;AAIE,IAAA,SAAS,EAAEA,OAAO,CAAC,WAAD,EAAc,KAAd,CAJpB;AAKE,IAAA,KAAK,EAAE,MALT;AAME,IAAA,EAAE,EAAE;AANN,mBANF,EAgBE,oBAAC,KAAD;AACE,IAAA,WAAW,EAAEE,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,UAAU,EAAED,OAAO,CAAC,YAAD,EAAe,KAAf,CAHrB;AAIE,IAAA,SAAS,EAAEA,OAAO,CAAC,WAAD,EAAc,KAAd,CAJpB;AAKE,IAAA,KAAK,EAAE,SALT;AAME,IAAA,EAAE,EAAE;AANN,4BAhBF,CADF,CADF;AA+BD,CAlCM","sourcesContent":["import React from 'react';\nimport { Radio, Box } from 'native-base';\nimport { boolean, select, text } from '@storybook/addon-knobs';\nimport { useState } from 'react';\n\nexport const Example = () => {\n  const [value, setValue] = useState('');\n\n  return (\n    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\">\n      <Radio.Group\n        value={value}\n        onChange={setValue}\n        name=\"exampleGroup\"\n        accessibilityLabel=\"pick an option from below\"\n      >\n        <Radio\n          colorScheme={text('colorScheme', 'primary')}\n          size={select('size', ['sm', 'md', 'lg'], 'md')}\n          isDisabled={boolean('isDisabled', false)}\n          isInvalid={boolean('isInvalid', false)}\n          value={'cool'}\n          my={1}\n        >\n          UX Research\n        </Radio>\n        <Radio\n          colorScheme={text('colorScheme', 'primary')}\n          size={select('size', ['sm', 'md', 'lg'], 'md')}\n          isDisabled={boolean('isDisabled', false)}\n          isInvalid={boolean('isInvalid', false)}\n          value={'awesome'}\n          my={1}\n        >\n          Software Development\n        </Radio>\n      </Radio.Group>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}