{"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\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\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 _jsxs(VStack, {\n    space: 2,\n    children: [_jsx(HStack, {\n      alignItems: \"baseline\",\n      children: _jsx(Heading, {\n        fontSize: \"lg\",\n        children: \"Hobbies\"\n      })\n    }), _jsx(VStack, {\n      children: _jsx(Box, {\n        children: _jsxs(Text, {\n          children: [\"Selected: (\", groupValue.length, \")\"]\n        })\n      })\n    }), _jsxs(Checkbox.Group, {\n      colorScheme: \"green\",\n      defaultValue: groupValue,\n      accessibilityLabel: \"pick an item\",\n      onChange: function onChange(values) {\n        setGroupValue(values || []);\n      },\n      children: [_jsx(Checkbox, {\n        value: \"Photography\",\n        my: \"1\",\n        children: \"Photography\"\n      }), _jsx(Checkbox, {\n        value: \"Writing\",\n        my: \"1\",\n        children: \"Writing\"\n      }), _jsx(Checkbox, {\n        value: \"Gardening\",\n        my: \"1\",\n        children: \"Gardening\"\n      }), _jsx(Checkbox, {\n        value: \"Cooking\",\n        my: \"1\",\n        children: \"Cooking\"\n      })]\n    })]\n  });\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,MAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAA,eACE,KAAC,MAAD;AAAQ,MAAA,UAAU,EAAC,UAAnB;AAAA,gBACE,KAAC,OAAD;AAAS,QAAA,QAAQ,EAAC,IAAlB;AAAA;AAAA;AADF,MADF,EAIE,KAAC,MAAD;AAAA,gBACE,KAAC,GAAD;AAAA,kBACE,MAAC,IAAD;AAAA,oCAAkBD,UAAU,CAACE,MAA7B;AAAA;AADF;AADF,MAJF,EASE,MAAC,QAAD,CAAU,KAAV;AACE,MAAA,WAAW,EAAC,OADd;AAEE,MAAA,YAAY,EAAEF,UAFhB;AAGE,MAAA,kBAAkB,EAAC,cAHrB;AAIE,MAAA,QAAQ,EAAE,kBAACG,MAAD,EAAY;AACpBF,QAAAA,aAAa,CAACE,MAAM,IAAI,EAAX,CAAb;AACD,OANH;AAAA,iBAQE,KAAC,QAAD;AAAU,QAAA,KAAK,EAAC,aAAhB;AAA8B,QAAA,EAAE,EAAC,GAAjC;AAAA;AAAA,QARF,EAWE,KAAC,QAAD;AAAU,QAAA,KAAK,EAAC,SAAhB;AAA0B,QAAA,EAAE,EAAC,GAA7B;AAAA;AAAA,QAXF,EAcE,KAAC,QAAD;AAAU,QAAA,KAAK,EAAC,WAAhB;AAA4B,QAAA,EAAE,EAAC,GAA/B;AAAA;AAAA,QAdF,EAiBE,KAAC,QAAD;AAAU,QAAA,KAAK,EAAC,SAAhB;AAA0B,QAAA,EAAE,EAAC,GAA7B;AAAA;AAAA,QAjBF;AAAA,MATF;AAAA,IADF;AAiCD,CAvCM","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    <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  );\n};\n"]},"metadata":{},"sourceType":"module"}