{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Select/FormControlled.tsx\";\n\nimport React from 'react';\nimport { FormControl, Select, Center, CheckIcon, WarningOutlineIcon } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Center, null, React.createElement(FormControl, {\n    w: \"3/4\",\n    maxW: \"300\",\n    isRequired: true,\n    isInvalid: true\n  }, React.createElement(FormControl.Label, null, \"Choose service\"), React.createElement(Select, {\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  }, 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  })), React.createElement(FormControl.ErrorMessage, {\n    leftIcon: React.createElement(WarningOutlineIcon, {\n      size: \"xs\"\n    })\n  }, \"Please make a selection!\")));\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","Center","CheckIcon","WarningOutlineIcon","Example","bg","endIcon"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,WADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,SAJF,EAKEC,kBALF;AAQA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,MAAD,QACE,oBAAC,WAAD;AAAa,IAAA,CAAC,EAAC,KAAf;AAAqB,IAAA,IAAI,EAAC,KAA1B;AAAgC,IAAA,UAAU,MAA1C;AAA2C,IAAA,SAAS;AAApD,KACE,oBAAC,WAAD,CAAa,KAAb,yBADF,EAEE,oBAAC,MAAD;AACE,IAAA,QAAQ,EAAC,KADX;AAEE,IAAA,kBAAkB,EAAC,gBAFrB;AAGE,IAAA,WAAW,EAAC,gBAHd;AAIE,IAAA,aAAa,EAAE;AACbC,MAAAA,EAAE,EAAE,UADS;AAEbC,MAAAA,OAAO,EAAE,oBAAC,SAAD;AAAW,QAAA,IAAI,EAAE;AAAjB;AAFI,KAJjB;AAQE,IAAA,EAAE,EAAC;AARL,KAUE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,aAAnB;AAAiC,IAAA,KAAK,EAAC;AAAvC,IAVF,EAWE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,iBAAnB;AAAqC,IAAA,KAAK,EAAC;AAA3C,IAXF,EAYE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,4BAAnB;AAAgD,IAAA,KAAK,EAAC;AAAtD,IAZF,EAaE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,cAAnB;AAAkC,IAAA,KAAK,EAAC;AAAxC,IAbF,EAcE,oBAAC,MAAD,CAAQ,IAAR;AAAa,IAAA,KAAK,EAAC,qBAAnB;AAAyC,IAAA,KAAK,EAAC;AAA/C,IAdF,CAFF,EAkBE,oBAAC,WAAD,CAAa,YAAb;AAA0B,IAAA,QAAQ,EAAE,oBAAC,kBAAD;AAAoB,MAAA,IAAI,EAAC;AAAzB;AAApC,gCAlBF,CADF,CADF;AA0BD,CA3BM","sourcesContent":["import React from 'react';\nimport {\n  FormControl,\n  Select,\n  Center,\n  CheckIcon,\n  WarningOutlineIcon,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Center>\n      <FormControl w=\"3/4\" maxW=\"300\" 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    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}