{"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\";\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 React.createElement(Box, {\n    alignItems: \"center\",\n    w: \"100%\"\n  }, React.createElement(Stack, {\n    space: 4,\n    alignItems: \"center\",\n    w: \"75%\",\n    maxW: \"300\"\n  }, React.createElement(Text, {\n    textAlign: \"center\"\n  }, \"onChangeValue - \", onChangeValue), React.createElement(Text, {\n    textAlign: \"center\"\n  }, \"onChangeEndValue - \", onChangeEndValue), React.createElement(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  }, React.createElement(Slider.Track, null, React.createElement(Slider.FilledTrack, null)), React.createElement(Slider.Thumb, null))));\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,oBAAC,GAAD;AAAK,IAAA,UAAU,EAAC,QAAhB;AAAyB,IAAA,CAAC,EAAC;AAA3B,KACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAE,CAAd;AAAiB,IAAA,UAAU,EAAC,QAA5B;AAAqC,IAAA,CAAC,EAAC,KAAvC;AAA6C,IAAA,IAAI,EAAC;AAAlD,KACE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC;AAAhB,yBAA0CH,aAA1C,CADF,EAEE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC;AAAhB,4BAA6CE,gBAA7C,CAFF,EAGE,oBAAC,MAAD;AACE,IAAA,YAAY,EAAE,EADhB;AAEE,IAAA,WAAW,EAAC,MAFd;AAGE,IAAA,QAAQ,EAAE,kBAACE,CAAD,EAAO;AACfH,MAAAA,gBAAgB,CAACI,IAAI,CAACC,KAAL,CAAWF,CAAX,CAAD,CAAhB;AACD,KALH;AAME,IAAA,WAAW,EAAE,qBAACA,CAAD,EAAO;AAClBA,MAAAA,CAAC,IAAID,mBAAmB,CAACE,IAAI,CAACC,KAAL,CAAWF,CAAX,CAAD,CAAxB;AACD;AARH,KAUE,oBAAC,MAAD,CAAQ,KAAR,QACE,oBAAC,MAAD,CAAQ,WAAR,OADF,CAVF,EAaE,oBAAC,MAAD,CAAQ,KAAR,OAbF,CAHF,CADF,CADF;AAuBD,CA1BM","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    <Box alignItems=\"center\" w=\"100%\">\n      <Stack space={4} alignItems=\"center\" w=\"75%\" maxW=\"300\">\n        <Text textAlign=\"center\">onChangeValue - {onChangeValue}</Text>\n        <Text textAlign=\"center\">onChangeEndValue - {onChangeEndValue}</Text>\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      </Stack>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}