{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { FormControl, Select, Container, CheckIcon } 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      value = _React$useState2[0],\n      setValue = _React$useState2[1];\n\n  var colorNames = ['Pink', 'Crimson', 'Red', 'Maroon', 'Brown', 'Misty-Rose', 'Salmon', 'Coral', 'Orange-Red', 'Chocolate', 'Orange', 'Gold', 'Ivory', 'Yellow', 'Olive', 'Yellow-Green', 'Lawngreen', 'Chartreuse', 'Lime', 'Green', 'Spring-green', 'Aquamarine', 'Turquoise', 'Azure', 'Aqua/Cyan', 'Teal', 'Lavender', 'Blue', 'Navy', 'Blue-Violet', 'Indigo', 'Dark-Violet', 'Plum', 'Magenta', 'Purple', 'Red-Violet', 'Tan', 'Beige', 'Slate-gray', 'White', 'White-Smoke', 'Light-Gray', 'Silver', 'Dark-Gray', 'Gray', 'Dim-Gray', 'Black'];\n  return React.createElement(Container, null, React.createElement(FormControl, null, React.createElement(FormControl.Label, null, \"Select Color\"), React.createElement(Select, {\n    selectedValue: value,\n    minWidth: \"100\",\n    accessibilityLabel: \"Select a Color\",\n    placeholder: \"Select a Color\",\n    onValueChange: function onValueChange(itemValue) {\n      setValue(itemValue);\n    },\n    _selectedItem: {\n      bg: 'teal.600',\n      endIcon: React.createElement(CheckIcon, {\n        size: 5\n      })\n    },\n    mt: \"1\"\n  }, colorNames.map(function (value, ind) {\n    return React.createElement(Select.Item, {\n      label: value,\n      value: \"\" + ind\n    });\n  }))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Select/SelectLongList.tsx"],"names":["React","FormControl","Select","Container","CheckIcon","Example","useState","value","setValue","colorNames","itemValue","bg","endIcon","map","ind"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,EAAsBC,MAAtB,EAA8BC,SAA9B,EAAyCC,SAAzC;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACDL,KAAK,CAACM,QAAN,CAAe,EAAf,CADC;AAAA;AAAA,MACpBC,KADoB;AAAA,MACbC,QADa;;AAE3B,MAAMC,UAAU,GAAG,CACjB,MADiB,EAEjB,SAFiB,EAGjB,KAHiB,EAIjB,QAJiB,EAKjB,OALiB,EAMjB,YANiB,EAOjB,QAPiB,EAQjB,OARiB,EASjB,YATiB,EAUjB,WAViB,EAWjB,QAXiB,EAYjB,MAZiB,EAajB,OAbiB,EAcjB,QAdiB,EAejB,OAfiB,EAgBjB,cAhBiB,EAiBjB,WAjBiB,EAkBjB,YAlBiB,EAmBjB,MAnBiB,EAoBjB,OApBiB,EAqBjB,cArBiB,EAsBjB,YAtBiB,EAuBjB,WAvBiB,EAwBjB,OAxBiB,EAyBjB,WAzBiB,EA0BjB,MA1BiB,EA2BjB,UA3BiB,EA4BjB,MA5BiB,EA6BjB,MA7BiB,EA8BjB,aA9BiB,EA+BjB,QA/BiB,EAgCjB,aAhCiB,EAiCjB,MAjCiB,EAkCjB,SAlCiB,EAmCjB,QAnCiB,EAoCjB,YApCiB,EAqCjB,KArCiB,EAsCjB,OAtCiB,EAuCjB,YAvCiB,EAwCjB,OAxCiB,EAyCjB,aAzCiB,EA0CjB,YA1CiB,EA2CjB,QA3CiB,EA4CjB,WA5CiB,EA6CjB,MA7CiB,EA8CjB,UA9CiB,EA+CjB,OA/CiB,CAAnB;AAiDA,SACE,oBAAC,SAAD,QACE,oBAAC,WAAD,QACE,oBAAC,WAAD,CAAa,KAAb,uBADF,EAEE,oBAAC,MAAD;AACE,IAAA,aAAa,EAAEF,KADjB;AAEE,IAAA,QAAQ,EAAC,KAFX;AAGE,IAAA,kBAAkB,EAAC,gBAHrB;AAIE,IAAA,WAAW,EAAC,gBAJd;AAKE,IAAA,aAAa,EAAE,uBAACG,SAAD,EAAe;AAC5BF,MAAAA,QAAQ,CAACE,SAAD,CAAR;AACD,KAPH;AAQE,IAAA,aAAa,EAAE;AACbC,MAAAA,EAAE,EAAE,UADS;AAEbC,MAAAA,OAAO,EAAE,oBAAC,SAAD;AAAW,QAAA,IAAI,EAAE;AAAjB;AAFI,KARjB;AAYE,IAAA,EAAE,EAAC;AAZL,KAcGH,UAAU,CAACI,GAAX,CAAe,UAACN,KAAD,EAAQO,GAAR,EAAgB;AAC9B,WAAO,oBAAC,MAAD,CAAQ,IAAR;AAAa,MAAA,KAAK,EAAEP,KAApB;AAA2B,MAAA,KAAK,OAAKO;AAArC,MAAP;AACD,GAFA,CAdH,CAFF,CADF,CADF;AAyBD,CA5EM","sourcesContent":["import React from 'react';\nimport { FormControl, Select, Container, CheckIcon } from 'native-base';\n\nexport const Example = () => {\n  const [value, setValue] = React.useState('');\n  const colorNames = [\n    'Pink',\n    'Crimson',\n    'Red',\n    'Maroon',\n    'Brown',\n    'Misty-Rose',\n    'Salmon',\n    'Coral',\n    'Orange-Red',\n    'Chocolate',\n    'Orange',\n    'Gold',\n    'Ivory',\n    'Yellow',\n    'Olive',\n    'Yellow-Green',\n    'Lawngreen',\n    'Chartreuse',\n    'Lime',\n    'Green',\n    'Spring-green',\n    'Aquamarine',\n    'Turquoise',\n    'Azure',\n    'Aqua/Cyan',\n    'Teal',\n    'Lavender',\n    'Blue',\n    'Navy',\n    'Blue-Violet',\n    'Indigo',\n    'Dark-Violet',\n    'Plum',\n    'Magenta',\n    'Purple',\n    'Red-Violet',\n    'Tan',\n    'Beige',\n    'Slate-gray',\n    'White',\n    'White-Smoke',\n    'Light-Gray',\n    'Silver',\n    'Dark-Gray',\n    'Gray',\n    'Dim-Gray',\n    'Black',\n  ];\n  return (\n    <Container>\n      <FormControl>\n        <FormControl.Label>Select Color</FormControl.Label>\n        <Select\n          selectedValue={value}\n          minWidth=\"100\"\n          accessibilityLabel=\"Select a Color\"\n          placeholder=\"Select a Color\"\n          onValueChange={(itemValue) => {\n            setValue(itemValue);\n          }}\n          _selectedItem={{\n            bg: 'teal.600',\n            endIcon: <CheckIcon size={5} />,\n          }}\n          mt=\"1\"\n        >\n          {colorNames.map((value, ind) => {\n            return <Select.Item label={value} value={`${ind}`} />;\n          })}\n        </Select>\n      </FormControl>\n    </Container>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}