{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Select, VStack, CheckIcon } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\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 _jsx(VStack, {\n    alignItems: \"center\",\n    space: 4,\n    children: _jsxs(Select, {\n      selectedValue: service,\n      minWidth: \"200\",\n      accessibilityLabel: \"Choose Service\",\n      placeholder: \"Choose Service\",\n      _selectedItem: {\n        bg: 'teal.600',\n        endIcon: _jsx(CheckIcon, {\n          size: \"5\"\n        })\n      },\n      mt: 1,\n      onValueChange: function onValueChange(itemValue) {\n        return setService(itemValue);\n      },\n      children: [_jsx(Select.Item, {\n        label: \"UX Research\",\n        value: \"ux\"\n      }), _jsx(Select.Item, {\n        label: \"Web Development\",\n        value: \"web\"\n      }), _jsx(Select.Item, {\n        label: \"Cross Platform Development\",\n        value: \"cross\"\n      }), _jsx(Select.Item, {\n        label: \"UI Designing\",\n        value: \"ui\"\n      }), _jsx(Select.Item, {\n        label: \"Backend Development\",\n        value: \"backend\"\n      })]\n    })\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","VStack","CheckIcon","Example","useState","service","setService","bg","endIcon","itemValue"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,SAAzB;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACCJ,KAAK,CAACK,QAAN,CAAe,EAAf,CADD;AAAA;AAAA,MACtBC,OADsB;AAAA,MACbC,UADa;;AAG3B,SACE,KAAC,MAAD;AAAQ,IAAA,UAAU,EAAC,QAAnB;AAA4B,IAAA,KAAK,EAAE,CAAnC;AAAA,cACE,MAAC,MAAD;AACE,MAAA,aAAa,EAAED,OADjB;AAEE,MAAA,QAAQ,EAAC,KAFX;AAGE,MAAA,kBAAkB,EAAC,gBAHrB;AAIE,MAAA,WAAW,EAAC,gBAJd;AAKE,MAAA,aAAa,EAAE;AACbE,QAAAA,EAAE,EAAE,UADS;AAEbC,QAAAA,OAAO,EAAE,KAAC,SAAD;AAAW,UAAA,IAAI,EAAC;AAAhB;AAFI,OALjB;AASE,MAAA,EAAE,EAAE,CATN;AAUE,MAAA,aAAa,EAAE,uBAACC,SAAD;AAAA,eAAeH,UAAU,CAACG,SAAD,CAAzB;AAAA,OAVjB;AAAA,iBAYE,KAAC,MAAD,CAAQ,IAAR;AAAa,QAAA,KAAK,EAAC,aAAnB;AAAiC,QAAA,KAAK,EAAC;AAAvC,QAZF,EAaE,KAAC,MAAD,CAAQ,IAAR;AAAa,QAAA,KAAK,EAAC,iBAAnB;AAAqC,QAAA,KAAK,EAAC;AAA3C,QAbF,EAcE,KAAC,MAAD,CAAQ,IAAR;AAAa,QAAA,KAAK,EAAC,4BAAnB;AAAgD,QAAA,KAAK,EAAC;AAAtD,QAdF,EAeE,KAAC,MAAD,CAAQ,IAAR;AAAa,QAAA,KAAK,EAAC,cAAnB;AAAkC,QAAA,KAAK,EAAC;AAAxC,QAfF,EAgBE,KAAC,MAAD,CAAQ,IAAR;AAAa,QAAA,KAAK,EAAC,qBAAnB;AAAyC,QAAA,KAAK,EAAC;AAA/C,QAhBF;AAAA;AADF,IADF;AAsBD,CAzBM","sourcesContent":["import React from 'react';\nimport { Select, VStack, CheckIcon } from 'native-base';\n\nexport const Example = () => {\n  let [service, setService] = React.useState('');\n\n  return (\n    <VStack alignItems=\"center\" space={4}>\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    </VStack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}