{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Select, Box, CheckIcon, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(''),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      service = _React$useState2[0],\n      setService = _React$useState2[1];\n\n  return React.createElement(Center, null, React.createElement(Box, {\n    maxW: \"300\"\n  }, React.createElement(Select, {\n    selectedValue: service,\n    minWidth: \"200\",\n    accessibilityLabel: \"Choose Service\",\n    placeholder: \"Choose Service\",\n    _selectedItem: {\n      bg: 'teal.600',\n      endIcon: React.createElement(CheckIcon, {\n        size: \"5\"\n      })\n    },\n    mt: 1,\n    onValueChange: function onValueChange(itemValue) {\n      return setService(itemValue);\n    }\n  }, React.createElement(Select.Item, {\n    label: \"UX Research\",\n    value: \"ux\"\n  }), React.createElement(Select.Item, {\n    label: \"Web Development\",\n    value: \"web\"\n  }), React.createElement(Select.Item, {\n    label: \"Cross Platform Development\",\n    value: \"cross\"\n  }), React.createElement(Select.Item, {\n    label: \"UI Designing\",\n    value: \"ui\"\n  }), React.createElement(Select.Item, {\n    label: \"Backend Development\",\n    value: \"backend\"\n  }))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Select/Basic.tsx"],"names":["React","Select","Box","CheckIcon","Center","Example","useState","service","setService","bg","endIcon","itemValue"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,GAAjB,EAAsBC,SAAtB,EAAiCC,MAAjC;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACCL,KAAK,CAACM,QAAN,CAAe,EAAf,CADD;AAAA;AAAA,MACtBC,OADsB;AAAA,MACbC,UADa;;AAG3B,SACE,oBAAC,MAAD,QACE,oBAAC,GAAD;AAAK,IAAA,IAAI,EAAC;AAAV,KACE,oBAAC,MAAD;AACE,IAAA,aAAa,EAAED,OADjB;AAEE,IAAA,QAAQ,EAAC,KAFX;AAGE,IAAA,kBAAkB,EAAC,gBAHrB;AAIE,IAAA,WAAW,EAAC,gBAJd;AAKE,IAAA,aAAa,EAAE;AACbE,MAAAA,EAAE,EAAE,UADS;AAEbC,MAAAA,OAAO,EAAE,oBAAC,SAAD;AAAW,QAAA,IAAI,EAAC;AAAhB;AAFI,KALjB;AASE,IAAA,EAAE,EAAE,CATN;AAUE,IAAA,aAAa,EAAE,uBAACC,SAAD;AAAA,aAAeH,UAAU,CAACG,SAAD,CAAzB;AAAA;AAVjB,KAYE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,aAAnB;AAAiC,IAAA,KAAK,EAAC;AAAvC,IAZF,EAaE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,iBAAnB;AAAqC,IAAA,KAAK,EAAC;AAA3C,IAbF,EAcE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,4BAAnB;AAAgD,IAAA,KAAK,EAAC;AAAtD,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,qBAAnB;AAAyC,IAAA,KAAK,EAAC;AAA/C,IAhBF,CADF,CADF,CADF;AAwBD,CA3BM","sourcesContent":["import React from 'react';\nimport { Select, Box, CheckIcon, Center } from 'native-base';\n\nexport const Example = () => {\n  let [service, setService] = React.useState('');\n\n  return (\n    <Center>\n      <Box maxW=\"300\">\n        <Select\n          selectedValue={service}\n          minWidth=\"200\"\n          accessibilityLabel=\"Choose Service\"\n          placeholder=\"Choose Service\"\n          _selectedItem={{\n            bg: 'teal.600',\n            endIcon: <CheckIcon size=\"5\" />,\n          }}\n          mt={1}\n          onValueChange={(itemValue) => setService(itemValue)}\n        >\n          <Select.Item label=\"UX Research\" value=\"ux\" />\n          <Select.Item label=\"Web Development\" value=\"web\" />\n          <Select.Item label=\"Cross Platform Development\" value=\"cross\" />\n          <Select.Item label=\"UI Designing\" value=\"ui\" />\n          <Select.Item label=\"Backend Development\" value=\"backend\" />\n        </Select>\n      </Box>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}