{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Checkbox/customIcon.tsx\";\n\nimport React from 'react';\nimport { Checkbox, Stack, Icon, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(Stack, {\n    direction: {\n      base: 'column',\n      md: 'row'\n    },\n    space: 3,\n    alignItems: \"flex-start\"\n  }, React.createElement(Checkbox, {\n    value: \"orange\",\n    colorScheme: \"orange\",\n    size: \"md\",\n    icon: React.createElement(Icon, {\n      as: React.createElement(MaterialCommunityIcons, {\n        name: \"bullseye\"\n      })\n    }),\n    defaultIsChecked: true\n  }, \"Darts\"), React.createElement(Checkbox, {\n    value: \"dark\",\n    colorScheme: \"dark\",\n    size: \"md\",\n    icon: React.createElement(Icon, {\n      as: React.createElement(MaterialCommunityIcons, {\n        name: \"bat\"\n      })\n    }),\n    defaultIsChecked: true\n  }, \"Movie\"), React.createElement(Checkbox, {\n    colorScheme: \"red\",\n    value: \"red\",\n    size: \"md\",\n    icon: React.createElement(Icon, {\n      as: React.createElement(MaterialCommunityIcons, {\n        name: \"campfire\"\n      })\n    }),\n    defaultIsChecked: true\n  }, \"Camping\"), React.createElement(Checkbox, {\n    value: \"blue\",\n    colorScheme: \"blue\",\n    size: \"md\",\n    icon: React.createElement(Icon, {\n      as: React.createElement(MaterialCommunityIcons, {\n        name: \"chess-knight\"\n      })\n    }),\n    defaultIsChecked: true\n  }, \"Chess\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Checkbox/customIcon.tsx"],"names":["React","Checkbox","Stack","Icon","Box","MaterialCommunityIcons","Example","base","md"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,KAAnB,EAA0BC,IAA1B,EAAgCC,GAAhC;AACA,SAASC,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,KAAD;AACE,IAAA,SAAS,EAAE;AAAEC,MAAAA,IAAI,EAAE,QAAR;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KADb;AAEE,IAAA,KAAK,EAAE,CAFT;AAGE,IAAA,UAAU,EAAC;AAHb,KAKE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAC,QADR;AAEE,IAAA,WAAW,EAAC,QAFd;AAGE,IAAA,IAAI,EAAC,IAHP;AAIE,IAAA,IAAI,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAE,oBAAC,sBAAD;AAAwB,QAAA,IAAI,EAAC;AAA7B;AAAV,MAJR;AAKE,IAAA,gBAAgB;AALlB,aALF,EAcE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,WAAW,EAAC,MAFd;AAGE,IAAA,IAAI,EAAC,IAHP;AAIE,IAAA,IAAI,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAE,oBAAC,sBAAD;AAAwB,QAAA,IAAI,EAAC;AAA7B;AAAV,MAJR;AAKE,IAAA,gBAAgB;AALlB,aAdF,EAuBE,oBAAC,QAAD;AACE,IAAA,WAAW,EAAC,KADd;AAEE,IAAA,KAAK,EAAC,KAFR;AAGE,IAAA,IAAI,EAAC,IAHP;AAIE,IAAA,IAAI,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAE,oBAAC,sBAAD;AAAwB,QAAA,IAAI,EAAC;AAA7B;AAAV,MAJR;AAKE,IAAA,gBAAgB;AALlB,eAvBF,EAgCE,oBAAC,QAAD;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,WAAW,EAAC,MAFd;AAGE,IAAA,IAAI,EAAC,IAHP;AAIE,IAAA,IAAI,EAAE,oBAAC,IAAD;AAAM,MAAA,EAAE,EAAE,oBAAC,sBAAD;AAAwB,QAAA,IAAI,EAAC;AAA7B;AAAV,MAJR;AAKE,IAAA,gBAAgB;AALlB,aAhCF,CADF,CADF;AA8CD,CA/CM","sourcesContent":["import React from 'react';\nimport { Checkbox, Stack, Icon, Box } from 'native-base';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\">\n      <Stack\n        direction={{ base: 'column', md: 'row' }}\n        space={3}\n        alignItems=\"flex-start\"\n      >\n        <Checkbox\n          value=\"orange\"\n          colorScheme=\"orange\"\n          size=\"md\"\n          icon={<Icon as={<MaterialCommunityIcons name=\"bullseye\" />} />}\n          defaultIsChecked\n        >\n          Darts\n        </Checkbox>\n        <Checkbox\n          value=\"dark\"\n          colorScheme=\"dark\"\n          size=\"md\"\n          icon={<Icon as={<MaterialCommunityIcons name=\"bat\" />} />}\n          defaultIsChecked\n        >\n          Movie\n        </Checkbox>\n        <Checkbox\n          colorScheme=\"red\"\n          value=\"red\"\n          size=\"md\"\n          icon={<Icon as={<MaterialCommunityIcons name=\"campfire\" />} />}\n          defaultIsChecked\n        >\n          Camping\n        </Checkbox>\n        <Checkbox\n          value=\"blue\"\n          colorScheme=\"blue\"\n          size=\"md\"\n          icon={<Icon as={<MaterialCommunityIcons name=\"chess-knight\" />} />}\n          defaultIsChecked\n        >\n          Chess\n        </Checkbox>\n      </Stack>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}