{"ast":null,"code":"var _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Popover/RefEg.tsx\";\nimport React from 'react';\nimport { Popover, Button, Input, FormControl, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _this = this;\n\n  var initialFocusRef = React.useRef(null);\n  return React.createElement(Box, {\n    h: \"60%\",\n    w: \"100%\",\n    alignItems: \"center\"\n  }, React.createElement(Popover, {\n    initialFocusRef: initialFocusRef,\n    trigger: function trigger(triggerProps) {\n      return React.createElement(Button, triggerProps, \"Edit Info\");\n    }\n  }, React.createElement(Popover.Content, {\n    width: \"56\"\n  }, React.createElement(Popover.Arrow, null), React.createElement(Popover.CloseButton, null), React.createElement(Popover.Header, null, \"Personal Details\"), React.createElement(Popover.Body, null, React.createElement(FormControl, null, React.createElement(FormControl.Label, {\n    _text: {\n      fontSize: 'xs',\n      fontWeight: 'medium'\n    }\n  }, \"First Name\"), React.createElement(Input, {\n    rounded: \"sm\",\n    fontSize: \"xs\",\n    ref: initialFocusRef\n  })), React.createElement(FormControl, {\n    mt: \"3\"\n  }, React.createElement(FormControl.Label, {\n    _text: {\n      fontSize: 'xs',\n      fontWeight: 'medium'\n    }\n  }, \"Last Name\"), React.createElement(Input, {\n    rounded: \"sm\",\n    fontSize: \"xs\"\n  }))), React.createElement(Popover.Footer, null, React.createElement(Button.Group, null, React.createElement(Button, {\n    colorScheme: \"coolGray\",\n    variant: \"ghost\"\n  }, \"Cancel\"), React.createElement(Button, null, \"Save\"))))));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Popover/RefEg.tsx"],"names":["React","Popover","Button","Input","FormControl","Box","Example","initialFocusRef","useRef","triggerProps","fontSize","fontWeight"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,MAAlB,EAA0BC,KAA1B,EAAiCC,WAAjC,EAA8CC,GAA9C;AAEA,OAAO,SAASC,OAAT,GAAmB;AAAA;;AACxB,MAAMC,eAAe,GAAGP,KAAK,CAACQ,MAAN,CAAa,IAAb,CAAxB;AACA,SACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC,KAAP;AAAa,IAAA,CAAC,EAAC,MAAf;AAAsB,IAAA,UAAU,EAAC;AAAjC,KACE,oBAAC,OAAD;AACE,IAAA,eAAe,EAAED,eADnB;AAEE,IAAA,OAAO,EAAE,iBAACE,YAAD,EAAkB;AACzB,aAAO,oBAAC,MAAD,EAAYA,YAAZ,cAAP;AACD;AAJH,KAME,oBAAC,OAAD,CAAS,OAAT;AAAiB,IAAA,KAAK,EAAC;AAAvB,KACE,oBAAC,OAAD,CAAS,KAAT,OADF,EAEE,oBAAC,OAAD,CAAS,WAAT,OAFF,EAIE,oBAAC,OAAD,CAAS,MAAT,2BAJF,EAKE,oBAAC,OAAD,CAAS,IAAT,QACE,oBAAC,WAAD,QACE,oBAAC,WAAD,CAAa,KAAb;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,IADL;AAELC,MAAAA,UAAU,EAAE;AAFP;AADT,kBADF,EASE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAC,IAAf;AAAoB,IAAA,QAAQ,EAAC,IAA7B;AAAkC,IAAA,GAAG,EAAEJ;AAAvC,IATF,CADF,EAYE,oBAAC,WAAD;AAAa,IAAA,EAAE,EAAC;AAAhB,KACE,oBAAC,WAAD,CAAa,KAAb;AACE,IAAA,KAAK,EAAE;AACLG,MAAAA,QAAQ,EAAE,IADL;AAELC,MAAAA,UAAU,EAAE;AAFP;AADT,iBADF,EASE,oBAAC,KAAD;AAAO,IAAA,OAAO,EAAC,IAAf;AAAoB,IAAA,QAAQ,EAAC;AAA7B,IATF,CAZF,CALF,EA6BE,oBAAC,OAAD,CAAS,MAAT,QACE,oBAAC,MAAD,CAAQ,KAAR,QACE,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC,UAApB;AAA+B,IAAA,OAAO,EAAC;AAAvC,cADF,EAIE,oBAAC,MAAD,eAJF,CADF,CA7BF,CANF,CADF,CADF;AAiDD","sourcesContent":["import React from 'react';\nimport { Popover, Button, Input, FormControl, Box } from 'native-base';\n\nexport function Example() {\n  const initialFocusRef = React.useRef(null);\n  return (\n    <Box h=\"60%\" w=\"100%\" alignItems=\"center\">\n      <Popover\n        initialFocusRef={initialFocusRef}\n        trigger={(triggerProps) => {\n          return <Button {...triggerProps}>Edit Info</Button>;\n        }}\n      >\n        <Popover.Content width=\"56\">\n          <Popover.Arrow />\n          <Popover.CloseButton />\n          {/* @ts-ignore */}\n          <Popover.Header>Personal Details</Popover.Header>\n          <Popover.Body>\n            <FormControl>\n              <FormControl.Label\n                _text={{\n                  fontSize: 'xs',\n                  fontWeight: 'medium',\n                }}\n              >\n                First Name\n              </FormControl.Label>\n              <Input rounded=\"sm\" fontSize=\"xs\" ref={initialFocusRef} />\n            </FormControl>\n            <FormControl mt=\"3\">\n              <FormControl.Label\n                _text={{\n                  fontSize: 'xs',\n                  fontWeight: 'medium',\n                }}\n              >\n                Last Name\n              </FormControl.Label>\n              <Input rounded=\"sm\" fontSize=\"xs\" />\n            </FormControl>\n          </Popover.Body>\n          <Popover.Footer>\n            <Button.Group>\n              <Button colorScheme=\"coolGray\" variant=\"ghost\">\n                Cancel\n              </Button>\n              <Button>Save</Button>\n            </Button.Group>\n          </Popover.Footer>\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}