{"ast":null,"code":"import React from 'react';\nimport { FormControl, Slider, VStack, 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(VStack, {\n    space: 4,\n    mx: \"10\",\n    width: \"80%\",\n    children: _jsxs(FormControl, {\n      isInvalid: true,\n      children: [_jsx(FormControl.Label, {\n        children: \"Set your budget\"\n      }), _jsxs(Slider, {\n        defaultValue: 50,\n        children: [_jsx(Slider.Track, {\n          children: _jsx(Slider.FilledTrack, {})\n        }), _jsx(Slider.Thumb, {})]\n      }), _jsx(FormControl.ErrorMessage, {\n        leftIcon: _jsx(WarningOutlineIcon, {\n          size: \"xs\"\n        }),\n        children: \"Something is wrong.\"\n      })]\n    })\n  });\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","Example"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,EAAsBC,MAAtB,EAA8BC,MAA9B,EAAsCC,kBAAtC;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,KAAC,MAAD;AAAQ,IAAA,KAAK,EAAE,CAAf;AAAkB,IAAA,EAAE,EAAC,IAArB;AAA0B,IAAA,KAAK,EAAC,KAAhC;AAAA,cACE,MAAC,WAAD;AAAa,MAAA,SAAS,MAAtB;AAAA,iBACE,KAAC,WAAD,CAAa,KAAb;AAAA;AAAA,QADF,EAEE,MAAC,MAAD;AAAQ,QAAA,YAAY,EAAE,EAAtB;AAAA,mBACE,KAAC,MAAD,CAAQ,KAAR;AAAA,oBACE,KAAC,MAAD,CAAQ,WAAR;AADF,UADF,EAIE,KAAC,MAAD,CAAQ,KAAR,KAJF;AAAA,QAFF,EAQE,KAAC,WAAD,CAAa,YAAb;AAA0B,QAAA,QAAQ,EAAE,KAAC,kBAAD;AAAoB,UAAA,IAAI,EAAC;AAAzB,UAApC;AAAA;AAAA,QARF;AAAA;AADF,IADF;AAgBD,CAjBM","sourcesContent":["import React from 'react';\nimport { FormControl, Slider, VStack, WarningOutlineIcon } from 'native-base';\n\nexport const Example = () => {\n  return (\n    <VStack space={4} mx=\"10\" width=\"80%\">\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  );\n};\n"]},"metadata":{},"sourceType":"module"}