{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Tooltip, Button, VStack, Select, CheckIcon } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport function Example() {\n  var _React$useState = React.useState('top left'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      position = _React$useState2[0],\n      setPosition = _React$useState2[1];\n\n  return React.createElement(VStack, {\n    space: 6,\n    alignSelf: \"flex-start\",\n    w: \"100%\"\n  }, React.createElement(Tooltip, {\n    label: position,\n    placement: position\n  }, React.createElement(Button, {\n    alignSelf: \"center\"\n  }, \"ToolTip\")), React.createElement(Select, {\n    selectedValue: position,\n    mx: {\n      base: 0,\n      md: 'auto'\n    },\n    accessibilityLabel: \"Select a position for Tooltip\",\n    onValueChange: function onValueChange(nextValue) {\n      return setPosition(nextValue);\n    },\n    _selectedItem: {\n      bg: 'cyan.600',\n      endIcon: React.createElement(CheckIcon, {\n        size: 4\n      })\n    }\n  }, React.createElement(Select.Item, {\n    label: \"Top Left\",\n    value: \"top left\"\n  }), React.createElement(Select.Item, {\n    label: \"Top\",\n    value: \"top\"\n  }), React.createElement(Select.Item, {\n    label: \"Top Right\",\n    value: \"top right\"\n  }), React.createElement(Select.Item, {\n    label: \"Right Top\",\n    value: \"right top\"\n  }), React.createElement(Select.Item, {\n    label: \"Right\",\n    value: \"right\"\n  }), React.createElement(Select.Item, {\n    label: \"Right Bottom\",\n    value: \"right bottom\"\n  }), React.createElement(Select.Item, {\n    label: \"Bottom Left\",\n    value: \"bottom left\"\n  }), React.createElement(Select.Item, {\n    label: \"Bottom\",\n    value: \"bottom\"\n  }), React.createElement(Select.Item, {\n    label: \"Bottom Right\",\n    value: \"bottom right\"\n  }), React.createElement(Select.Item, {\n    label: \"Left Top\",\n    value: \"left top\"\n  }), React.createElement(Select.Item, {\n    label: \"Left\",\n    value: \"left\"\n  }), React.createElement(Select.Item, {\n    label: \"Left Bottom\",\n    value: \"left bottom\"\n  })));\n}","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/composites/Tooltip/TooltipPositions.tsx"],"names":["React","Tooltip","Button","VStack","Select","CheckIcon","Example","useState","position","setPosition","base","md","nextValue","bg","endIcon"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,EAAkBC,MAAlB,EAA0BC,MAA1B,EAAkCC,MAAlC,EAA0CC,SAA1C;AAEA,OAAO,SAASC,OAAT,GAAmB;AAAA,wBACQN,KAAK,CAACO,QAAN,CAAe,UAAf,CADR;AAAA;AAAA,MACjBC,QADiB;AAAA,MACPC,WADO;;AAGxB,SACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,SAAS,EAAC,YAA5B;AAAyC,IAAA,CAAC,EAAC;AAA3C,KAEE,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAED,QAAhB;AAA0B,IAAA,SAAS,EAAEA;AAArC,KACE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,eADF,CAFF,EAME,oBAAC,MAAD;AACE,IAAA,aAAa,EAAEA,QADjB;AAEE,IAAA,EAAE,EAAE;AAAEE,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE;AAAf,KAFN;AAGE,IAAA,kBAAkB,EAAC,+BAHrB;AAIE,IAAA,aAAa,EAAE,uBAACC,SAAD;AAAA,aAAeH,WAAW,CAACG,SAAD,CAA1B;AAAA,KAJjB;AAKE,IAAA,aAAa,EAAE;AACbC,MAAAA,EAAE,EAAE,UADS;AAEbC,MAAAA,OAAO,EAAE,oBAAC,SAAD;AAAW,QAAA,IAAI,EAAE;AAAjB;AAFI;AALjB,KAUE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,UAAnB;AAA8B,IAAA,KAAK,EAAC;AAApC,IAVF,EAWE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,KAAnB;AAAyB,IAAA,KAAK,EAAC;AAA/B,IAXF,EAYE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,WAAnB;AAA+B,IAAA,KAAK,EAAC;AAArC,IAZF,EAaE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,WAAnB;AAA+B,IAAA,KAAK,EAAC;AAArC,IAbF,EAcE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,OAAnB;AAA2B,IAAA,KAAK,EAAC;AAAjC,IAdF,EAeE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,cAAnB;AAAkC,IAAA,KAAK,EAAC;AAAxC,IAfF,EAgBE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,aAAnB;AAAiC,IAAA,KAAK,EAAC;AAAvC,IAhBF,EAiBE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,QAAnB;AAA4B,IAAA,KAAK,EAAC;AAAlC,IAjBF,EAkBE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,cAAnB;AAAkC,IAAA,KAAK,EAAC;AAAxC,IAlBF,EAmBE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,UAAnB;AAA8B,IAAA,KAAK,EAAC;AAApC,IAnBF,EAoBE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,MAAnB;AAA0B,IAAA,KAAK,EAAC;AAAhC,IApBF,EAqBE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,aAAnB;AAAiC,IAAA,KAAK,EAAC;AAAvC,IArBF,CANF,CADF;AAgCD","sourcesContent":["import React from 'react';\nimport { Tooltip, Button, VStack, Select, CheckIcon } from 'native-base';\n\nexport function Example() {\n  const [position, setPosition] = React.useState('top left');\n\n  return (\n    <VStack space={6} alignSelf=\"flex-start\" w=\"100%\">\n      {/* @ts-ignore */}\n      <Tooltip label={position} placement={position}>\n        <Button alignSelf=\"center\">ToolTip</Button>\n      </Tooltip>\n\n      <Select\n        selectedValue={position}\n        mx={{ base: 0, md: 'auto' }}\n        accessibilityLabel=\"Select a position for Tooltip\"\n        onValueChange={(nextValue) => setPosition(nextValue)}\n        _selectedItem={{\n          bg: 'cyan.600',\n          endIcon: <CheckIcon size={4} />,\n        }}\n      >\n        <Select.Item label=\"Top Left\" value=\"top left\" />\n        <Select.Item label=\"Top\" value=\"top\" />\n        <Select.Item label=\"Top Right\" value=\"top right\" />\n        <Select.Item label=\"Right Top\" value=\"right top\" />\n        <Select.Item label=\"Right\" value=\"right\" />\n        <Select.Item label=\"Right Bottom\" value=\"right bottom\" />\n        <Select.Item label=\"Bottom Left\" value=\"bottom left\" />\n        <Select.Item label=\"Bottom\" value=\"bottom\" />\n        <Select.Item label=\"Bottom Right\" value=\"bottom right\" />\n        <Select.Item label=\"Left Top\" value=\"left top\" />\n        <Select.Item label=\"Left\" value=\"left\" />\n        <Select.Item label=\"Left Bottom\" value=\"left bottom\" />\n      </Select>\n    </VStack>\n  );\n}\n"]},"metadata":{},"sourceType":"module"}