{"ast":null,"code":"import React from 'react';\nimport { Menu, Divider, HamburgerIcon, Box, Pressable } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  return React.createElement(Box, {\n    w: \"90%\",\n    alignItems: \"center\"\n  }, React.createElement(Menu, {\n    closeOnSelect: false,\n    w: \"190\",\n    onOpen: function onOpen() {\n      return console.log('opened');\n    },\n    onClose: function onClose() {\n      return console.log('closed');\n    },\n    trigger: function trigger(triggerProps) {\n      return React.createElement(Pressable, triggerProps, React.createElement(HamburgerIcon, null));\n    }\n  }, React.createElement(Menu.OptionGroup, {\n    defaultValue: \"Arial\",\n    title: \"free\",\n    type: \"radio\"\n  }, React.createElement(Menu.ItemOption, {\n    value: \"Arial\"\n  }, \"Arial\"), React.createElement(Menu.ItemOption, {\n    value: \"Nunito Sans\"\n  }, \"Nunito Sans\"), React.createElement(Menu.ItemOption, {\n    value: \"Roboto\"\n  }, \"Roboto\")), React.createElement(Divider, {\n    mt: \"3\",\n    w: \"100%\"\n  }), React.createElement(Menu.OptionGroup, {\n    title: \"paid\",\n    type: \"checkbox\"\n  }, React.createElement(Menu.ItemOption, {\n    value: \"SF Pro\"\n  }, \"SF Pro\"), React.createElement(Menu.ItemOption, {\n    value: \"Helvetica\"\n  }, \"Helvetica\"))));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Menu/MenuOptionsGroup.tsx"],"names":["React","Menu","Divider","HamburgerIcon","Box","Pressable","Example","console","log","triggerProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,OAAf,EAAwBC,aAAxB,EAAuCC,GAAvC,EAA4CC,SAA5C;AAEA,OAAO,SAASC,OAAT,GAAmB;AACxB,SACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,KAAP;AAAa,IAAA,UAAU,EAAC;AAAxB,KACE,oBAAC,IAAD;AACE,IAAA,aAAa,EAAE,KADjB;AAEE,IAAA,CAAC,EAAC,KAFJ;AAGE,IAAA,MAAM,EAAE;AAAA,aAAMC,OAAO,CAACC,GAAR,CAAY,QAAZ,CAAN;AAAA,KAHV;AAIE,IAAA,OAAO,EAAE;AAAA,aAAMD,OAAO,CAACC,GAAR,CAAY,QAAZ,CAAN;AAAA,KAJX;AAKE,IAAA,OAAO,EAAE,iBAACC,YAAD,EAAkB;AACzB,aACE,oBAAC,SAAD,EAAeA,YAAf,EACE,oBAAC,aAAD,OADF,CADF;AAKD;AAXH,KAaE,oBAAC,IAAD,CAAM,WAAN;AAAkB,IAAA,YAAY,EAAC,OAA/B;AAAuC,IAAA,KAAK,EAAC,MAA7C;AAAoD,IAAA,IAAI,EAAC;AAAzD,KACE,oBAAC,IAAD,CAAM,UAAN;AAAiB,IAAA,KAAK,EAAC;AAAvB,aADF,EAEE,oBAAC,IAAD,CAAM,UAAN;AAAiB,IAAA,KAAK,EAAC;AAAvB,mBAFF,EAGE,oBAAC,IAAD,CAAM,UAAN;AAAiB,IAAA,KAAK,EAAC;AAAvB,cAHF,CAbF,EAkBE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAC,GAAZ;AAAgB,IAAA,CAAC,EAAC;AAAlB,IAlBF,EAmBE,oBAAC,IAAD,CAAM,WAAN;AAAkB,IAAA,KAAK,EAAC,MAAxB;AAA+B,IAAA,IAAI,EAAC;AAApC,KACE,oBAAC,IAAD,CAAM,UAAN;AAAiB,IAAA,KAAK,EAAC;AAAvB,cADF,EAEE,oBAAC,IAAD,CAAM,UAAN;AAAiB,IAAA,KAAK,EAAC;AAAvB,iBAFF,CAnBF,CADF,CADF;AA4BD","sourcesContent":["import React from 'react';\nimport { Menu, Divider, HamburgerIcon, Box, Pressable } from 'native-base';\n\nexport function Example() {\n  return (\n    <Box w=\"90%\" alignItems=\"center\">\n      <Menu\n        closeOnSelect={false}\n        w=\"190\"\n        onOpen={() => console.log('opened')}\n        onClose={() => console.log('closed')}\n        trigger={(triggerProps) => {\n          return (\n            <Pressable {...triggerProps}>\n              <HamburgerIcon />\n            </Pressable>\n          );\n        }}\n      >\n        <Menu.OptionGroup defaultValue=\"Arial\" title=\"free\" type=\"radio\">\n          <Menu.ItemOption value=\"Arial\">Arial</Menu.ItemOption>\n          <Menu.ItemOption value=\"Nunito Sans\">Nunito Sans</Menu.ItemOption>\n          <Menu.ItemOption value=\"Roboto\">Roboto</Menu.ItemOption>\n        </Menu.OptionGroup>\n        <Divider mt=\"3\" w=\"100%\" />\n        <Menu.OptionGroup title=\"paid\" type=\"checkbox\">\n          <Menu.ItemOption value=\"SF Pro\">SF Pro</Menu.ItemOption>\n          <Menu.ItemOption value=\"Helvetica\">Helvetica</Menu.ItemOption>\n        </Menu.OptionGroup>\n      </Menu>\n    </Box>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}