{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Slider/FormControlled.tsx\";\n\nimport React from 'react';\nimport { FormControl, Slider, VStack, WarningOutlineIcon, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  return React.createElement(Box, {\n    alignItems: \"center\"\n  }, React.createElement(VStack, {\n    space: 4,\n    w: \"75%\",\n    maxW: \"300\"\n  }, React.createElement(FormControl, {\n    isInvalid: true\n  }, React.createElement(FormControl.Label, null, \"Set your budget\"), React.createElement(Slider, {\n    defaultValue: 50\n  }, React.createElement(Slider.Track, null, React.createElement(Slider.FilledTrack, null)), React.createElement(Slider.Thumb, null)), React.createElement(FormControl.ErrorMessage, {\n    leftIcon: React.createElement(WarningOutlineIcon, {\n      size: \"xs\"\n    })\n  }, \"Something is wrong.\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Slider/FormControlled.tsx"],"names":["React","FormControl","Slider","VStack","WarningOutlineIcon","Box","Example"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,WADF,EAEEC,MAFF,EAGEC,MAHF,EAIEC,kBAJF,EAKEC,GALF;AAQA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC;AAAhB,KACE,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,CAAC,EAAC,KAApB;AAA0B,IAAA,IAAI,EAAC;AAA/B,KACE,oBAAC,WAAD;AAAa,IAAA,SAAS;AAAtB,KACE,oBAAC,WAAD,CAAa,KAAb,0BADF,EAEE,oBAAC,MAAD;AAAQ,IAAA,YAAY,EAAE;AAAtB,KACE,oBAAC,MAAD,CAAQ,KAAR,QACE,oBAAC,MAAD,CAAQ,WAAR,OADF,CADF,EAIE,oBAAC,MAAD,CAAQ,KAAR,OAJF,CAFF,EAQE,oBAAC,WAAD,CAAa,YAAb;AAA0B,IAAA,QAAQ,EAAE,oBAAC,kBAAD;AAAoB,MAAA,IAAI,EAAC;AAAzB;AAApC,2BARF,CADF,CADF,CADF;AAkBD,CAnBM","sourcesContent":["import React from 'react';\nimport {\n  FormControl,\n  Slider,\n  VStack,\n  WarningOutlineIcon,\n  Box,\n} from 'native-base';\n\nexport const Example = () => {\n  return (\n    <Box alignItems=\"center\">\n      <VStack space={4} w=\"75%\" maxW=\"300\">\n        <FormControl isInvalid>\n          <FormControl.Label>Set your budget</FormControl.Label>\n          <Slider defaultValue={50}>\n            <Slider.Track>\n              <Slider.FilledTrack />\n            </Slider.Track>\n            <Slider.Thumb />\n          </Slider>\n          <FormControl.ErrorMessage leftIcon={<WarningOutlineIcon size=\"xs\" />}>\n            Something is wrong.\n          </FormControl.ErrorMessage>\n        </FormControl>\n      </VStack>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}