{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Checkbox, Heading, HStack, VStack, Text, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(['Photography', 'Gardening']),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      groupValue = _React$useState2[0],\n      setGroupValue = _React$useState2[1];\n\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(VStack, {\n    space: 2\n  }, React.createElement(HStack, {\n    alignItems: \"baseline\"\n  }, React.createElement(Heading, {\n    fontSize: \"lg\"\n  }, \"Hobbies\")), React.createElement(VStack, null, React.createElement(Box, null, React.createElement(Text, null, \"Selected: (\", groupValue.length, \")\"))), React.createElement(Checkbox.Group, {\n    colorScheme: \"green\",\n    defaultValue: groupValue,\n    accessibilityLabel: \"pick an item\",\n    onChange: function onChange(values) {\n      setGroupValue(values || []);\n    }\n  }, React.createElement(Checkbox, {\n    value: \"Photography\",\n    my: \"1\"\n  }, \"Photography\"), React.createElement(Checkbox, {\n    value: \"Writing\",\n    my: \"1\"\n  }, \"Writing\"), React.createElement(Checkbox, {\n    value: \"Gardening\",\n    my: \"1\"\n  }, \"Gardening\"), React.createElement(Checkbox, {\n    value: \"Cooking\",\n    my: \"1\"\n  }, \"Cooking\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Checkbox/checkboxGroup.tsx"],"names":["React","Checkbox","Heading","HStack","VStack","Text","Box","Example","useState","groupValue","setGroupValue","length","values"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,OAAnB,EAA4BC,MAA5B,EAAoCC,MAApC,EAA4CC,IAA5C,EAAkDC,GAAlD;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACSP,KAAK,CAACQ,QAAN,CAAe,CACjD,aADiD,EAEjD,WAFiD,CAAf,CADT;AAAA;AAAA,MACpBC,UADoB;AAAA,MACRC,aADQ;;AAM3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE;AAAf,KACE,oBAAC,MAAD;AAAQ,IAAA,UAAU,EAAC;AAAnB,KACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAC;AAAlB,eADF,CADF,EAIE,oBAAC,MAAD,QACE,oBAAC,GAAD,QACE,oBAAC,IAAD,uBAAkBD,UAAU,CAACE,MAA7B,MADF,CADF,CAJF,EASE,oBAAC,QAAD,CAAU,KAAV;AACE,IAAA,WAAW,EAAC,OADd;AAEE,IAAA,YAAY,EAAEF,UAFhB;AAGE,IAAA,kBAAkB,EAAC,cAHrB;AAIE,IAAA,QAAQ,EAAE,kBAACG,MAAD,EAAY;AACpBF,MAAAA,aAAa,CAACE,MAAM,IAAI,EAAX,CAAb;AACD;AANH,KAQE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAC,aAAhB;AAA8B,IAAA,EAAE,EAAC;AAAjC,mBARF,EAWE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAC,SAAhB;AAA0B,IAAA,EAAE,EAAC;AAA7B,eAXF,EAcE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAC,WAAhB;AAA4B,IAAA,EAAE,EAAC;AAA/B,iBAdF,EAiBE,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAC,SAAhB;AAA0B,IAAA,EAAE,EAAC;AAA7B,eAjBF,CATF,CADF,CADF;AAmCD,CAzCM","sourcesContent":["import React from 'react';\nimport { Checkbox, Heading, HStack, VStack, Text, Box } from 'native-base';\n\nexport const Example = () => {\n  const [groupValue, setGroupValue] = React.useState([\n    'Photography',\n    'Gardening',\n  ]);\n\n  return (\n    <Box alignItems=\"center\">\n      <VStack space={2}>\n        <HStack alignItems=\"baseline\">\n          <Heading fontSize=\"lg\">Hobbies</Heading>\n        </HStack>\n        <VStack>\n          <Box>\n            <Text>Selected: ({groupValue.length})</Text>\n          </Box>\n        </VStack>\n        <Checkbox.Group\n          colorScheme=\"green\"\n          defaultValue={groupValue}\n          accessibilityLabel=\"pick an item\"\n          onChange={(values) => {\n            setGroupValue(values || []);\n          }}\n        >\n          <Checkbox value=\"Photography\" my=\"1\">\n            Photography\n          </Checkbox>\n          <Checkbox value=\"Writing\" my=\"1\">\n            Writing\n          </Checkbox>\n          <Checkbox value=\"Gardening\" my=\"1\">\n            Gardening\n          </Checkbox>\n          <Checkbox value=\"Cooking\" my=\"1\">\n            Cooking\n          </Checkbox>\n        </Checkbox.Group>\n      </VStack>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}