{"ast":null,"code":"import React from 'react';\nimport { FormControl, Select, Container, CheckIcon, WarningOutlineIcon } 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  return _jsx(Container, {\n    children: _jsxs(FormControl, {\n      isRequired: true,\n      isInvalid: true,\n      children: [_jsx(FormControl.Label, {\n        children: \"Choose service\"\n      }), _jsxs(Select, {\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        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      }), _jsx(FormControl.ErrorMessage, {\n        leftIcon: _jsx(WarningOutlineIcon, {\n          size: \"xs\"\n        }),\n        children: \"Please make a selection!\"\n      })]\n    })\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Select/FormControlled.tsx"],"names":["React","FormControl","Select","Container","CheckIcon","WarningOutlineIcon","Example","bg","endIcon"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,WADF,EAEEC,MAFF,EAGEC,SAHF,EAIEC,SAJF,EAKEC,kBALF;;;AAQA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,KAAC,SAAD;AAAA,cACE,MAAC,WAAD;AAAa,MAAA,UAAU,MAAvB;AAAwB,MAAA,SAAS,MAAjC;AAAA,iBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,QADF,EAEE,MAAC,MAAD;AACE,QAAA,QAAQ,EAAC,KADX;AAEE,QAAA,kBAAkB,EAAC,gBAFrB;AAGE,QAAA,WAAW,EAAC,gBAHd;AAIE,QAAA,aAAa,EAAE;AACbC,UAAAA,EAAE,EAAE,UADS;AAEbC,UAAAA,OAAO,EAAE,KAAC,SAAD;AAAW,YAAA,IAAI,EAAE;AAAjB;AAFI,SAJjB;AAQE,QAAA,EAAE,EAAC,GARL;AAAA,mBAUE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,aAAnB;AAAiC,UAAA,KAAK,EAAC;AAAvC,UAVF,EAWE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,iBAAnB;AAAqC,UAAA,KAAK,EAAC;AAA3C,UAXF,EAYE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,4BAAnB;AAAgD,UAAA,KAAK,EAAC;AAAtD,UAZF,EAaE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,cAAnB;AAAkC,UAAA,KAAK,EAAC;AAAxC,UAbF,EAcE,KAAC,MAAD,CAAQ,IAAR;AAAa,UAAA,KAAK,EAAC,qBAAnB;AAAyC,UAAA,KAAK,EAAC;AAA/C,UAdF;AAAA,QAFF,EAkBE,KAAC,WAAD,CAAa,YAAb;AAA0B,QAAA,QAAQ,EAAE,KAAC,kBAAD;AAAoB,UAAA,IAAI,EAAC;AAAzB,UAApC;AAAA;AAAA,QAlBF;AAAA;AADF,IADF;AA0BD,CA3BM","sourcesContent":["import React from 'react';\nimport {\n  FormControl,\n  Select,\n  Container,\n  CheckIcon,\n  WarningOutlineIcon,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Container>\n      <FormControl isRequired isInvalid>\n        <FormControl.Label>Choose service</FormControl.Label>\n        <Select\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        >\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        <FormControl.ErrorMessage leftIcon={<WarningOutlineIcon size=\"xs\" />}>\n          Please make a selection!\n        </FormControl.ErrorMessage>\n      </FormControl>\n    </Container>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}