{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { Slider, Stack, Text, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  var _React$useState = React.useState(70),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      onChangeValue = _React$useState2[0],\n      setOnChangeValue = _React$useState2[1];\n\n  var _React$useState3 = React.useState(70),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      onChangeEndValue = _React$useState4[0],\n      setOnChangeEndValue = _React$useState4[1];\n\n  return _jsxs(Stack, {\n    mx: \"5\",\n    space: 4,\n    alignItems: \"center\",\n    w: \"80%\",\n    children: [_jsxs(Text, {\n      textAlign: \"center\",\n      children: [\"onChangeValue - \", onChangeValue]\n    }), _jsxs(Text, {\n      textAlign: \"center\",\n      children: [\"onChangeEndValue - \", onChangeEndValue]\n    }), _jsx(Box, {\n      mx: \"5\",\n      w: \"80%\",\n      children: _jsxs(Slider, {\n        defaultValue: 70,\n        colorScheme: \"cyan\",\n        onChange: function onChange(v) {\n          setOnChangeValue(Math.floor(v));\n        },\n        onChangeEnd: function onChangeEnd(v) {\n          v && setOnChangeEndValue(Math.floor(v));\n        },\n        children: [_jsx(Slider.Track, {\n          children: _jsx(Slider.FilledTrack, {})\n        }), _jsx(Slider.Thumb, {})]\n      })\n    })]\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Slider/Value.tsx"],"names":["React","Slider","Stack","Text","Box","Example","useState","onChangeValue","setOnChangeValue","onChangeEndValue","setOnChangeEndValue","v","Math","floor"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,KAAjB,EAAwBC,IAAxB,EAA8BC,GAA9B;;;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACeL,KAAK,CAACM,QAAN,CAAe,EAAf,CADf;AAAA;AAAA,MACpBC,aADoB;AAAA,MACLC,gBADK;;AAAA,yBAEqBR,KAAK,CAACM,QAAN,CAAe,EAAf,CAFrB;AAAA;AAAA,MAEpBG,gBAFoB;AAAA,MAEFC,mBAFE;;AAG3B,SACE,MAAC,KAAD;AAAO,IAAA,EAAE,EAAC,GAAV;AAAc,IAAA,KAAK,EAAE,CAArB;AAAwB,IAAA,UAAU,EAAC,QAAnC;AAA4C,IAAA,CAAC,EAAC,KAA9C;AAAA,eACE,MAAC,IAAD;AAAM,MAAA,SAAS,EAAC,QAAhB;AAAA,qCAA0CH,aAA1C;AAAA,MADF,EAEE,MAAC,IAAD;AAAM,MAAA,SAAS,EAAC,QAAhB;AAAA,wCAA6CE,gBAA7C;AAAA,MAFF,EAIE,KAAC,GAAD;AAAK,MAAA,EAAE,EAAC,GAAR;AAAY,MAAA,CAAC,EAAC,KAAd;AAAA,gBACE,MAAC,MAAD;AACE,QAAA,YAAY,EAAE,EADhB;AAEE,QAAA,WAAW,EAAC,MAFd;AAGE,QAAA,QAAQ,EAAE,kBAACE,CAAD,EAAO;AACfH,UAAAA,gBAAgB,CAACI,IAAI,CAACC,KAAL,CAAWF,CAAX,CAAD,CAAhB;AACD,SALH;AAME,QAAA,WAAW,EAAE,qBAACA,CAAD,EAAO;AAClBA,UAAAA,CAAC,IAAID,mBAAmB,CAACE,IAAI,CAACC,KAAL,CAAWF,CAAX,CAAD,CAAxB;AACD,SARH;AAAA,mBAUE,KAAC,MAAD,CAAQ,KAAR;AAAA,oBACE,KAAC,MAAD,CAAQ,WAAR;AADF,UAVF,EAaE,KAAC,MAAD,CAAQ,KAAR,KAbF;AAAA;AADF,MAJF;AAAA,IADF;AAwBD,CA3BM","sourcesContent":["import React from 'react';\nimport { Slider, Stack, Text, Box } from 'native-base';\n\nexport const Example = () => {\n  const [onChangeValue, setOnChangeValue] = React.useState(70);\n  const [onChangeEndValue, setOnChangeEndValue] = React.useState(70);\n  return (\n    <Stack mx=\"5\" space={4} alignItems=\"center\" w=\"80%\">\n      <Text textAlign=\"center\">onChangeValue - {onChangeValue}</Text>\n      <Text textAlign=\"center\">onChangeEndValue - {onChangeEndValue}</Text>\n\n      <Box mx=\"5\" w=\"80%\">\n        <Slider\n          defaultValue={70}\n          colorScheme=\"cyan\"\n          onChange={(v) => {\n            setOnChangeValue(Math.floor(v));\n          }}\n          onChangeEnd={(v) => {\n            v && setOnChangeEndValue(Math.floor(v));\n          }}\n        >\n          <Slider.Track>\n            <Slider.FilledTrack />\n          </Slider.Track>\n          <Slider.Thumb />\n        </Slider>\n      </Box>\n    </Stack>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}