{"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\";\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(Center, {\n    children: _jsx(Box, {\n      maxW: \"300\",\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  });\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,KAAC,MAAD;AAAA,cACE,KAAC,GAAD;AAAK,MAAA,IAAI,EAAC,KAAV;AAAA,gBACE,MAAC,MAAD;AACE,QAAA,aAAa,EAAED,OADjB;AAEE,QAAA,QAAQ,EAAC,KAFX;AAGE,QAAA,kBAAkB,EAAC,gBAHrB;AAIE,QAAA,WAAW,EAAC,gBAJd;AAKE,QAAA,aAAa,EAAE;AACbE,UAAAA,EAAE,EAAE,UADS;AAEbC,UAAAA,OAAO,EAAE,KAAC,SAAD;AAAW,YAAA,IAAI,EAAC;AAAhB;AAFI,SALjB;AASE,QAAA,EAAE,EAAE,CATN;AAUE,QAAA,aAAa,EAAE,uBAACC,SAAD;AAAA,iBAAeH,UAAU,CAACG,SAAD,CAAzB;AAAA,SAVjB;AAAA,mBAYE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,aAAnB;AAAiC,UAAA,KAAK,EAAC;AAAvC,UAZF,EAaE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,iBAAnB;AAAqC,UAAA,KAAK,EAAC;AAA3C,UAbF,EAcE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,4BAAnB;AAAgD,UAAA,KAAK,EAAC;AAAtD,UAdF,EAeE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,cAAnB;AAAkC,UAAA,KAAK,EAAC;AAAxC,UAfF,EAgBE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,qBAAnB;AAAyC,UAAA,KAAK,EAAC;AAA/C,UAhBF;AAAA;AADF;AADF,IADF;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"}